如何避免在Create React App项目中使用很长的路径并使用绝对路径？

Question

是否有一个babel插件来避免CRA中的长导入路径？ 我在网上进行了很多搜索，但找不到最佳的方法。

实际：

import MyComponent from '../../../../components/MyComponent'

预期

import MyComponent from 'components/MyComponent'

Answer 1

在您的主根目录中，create file jsconfig.json：

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

src是存储项目文件的文件夹，有时它可能是/app或/src。

然后，您将能够使用绝对路径导入组件：

import MyComponent from 'components/MyComponent';