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

Question

是否有babel插件可以避免 CRA 中的长导入路径？我在网上搜索了很多，但找不到实现这一目标的最佳方法。

实际的：

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

预期的

import MyComponent from 'components/MyComponent'

Answer 1

在您的主根目录中，创建文件jsconfig.json：

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

哪里src是您存储项目文件的文件夹，有时也可能是/app或/src。

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

import MyComponent from 'components/MyComponent';