Typescript文件夹基于绝对导入

维克多·纳瓦罗(Victor Navarro)

在我公司,我们喜欢这样组织我们的React代码:

components/
    button.tsx
    slider.tsx
    index.ts
helpers/
    math.ts
    auth.ts
    index.ts
constants/
    config.ts
    api.ts
    index.ts

每个index.ts文件导出其所有相邻文件。然后,从文件夹中导入所有内容,如下所示:

// I am button.tsx
import { login, sum } from '../helpers';
import { API_KEY } from '../constants';
import { Slider } from './slider';

我将改为如下所示:

import { login, sum } from 'helpers';
import { API_KEY } from 'constants';
import { Slider } from 'components';

我搞砸了绝对导入设置,tsconfig.json但没有使它起作用。

这有可能吗?谢谢!

魔芋

您需要在tsonfig.json文件中(在项目根目录中)添加以下行

  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章