javascript - 如何避免很长的路径并在 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';