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

Question

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

实际：

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

预期

import MyComponent from 'components/MyComponent'

Answer 1

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

jsconfig.json

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

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

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

/src