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

Question

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

实际的：

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

预期的

import MyComponent from 'components/MyComponent'

标签： javascriptreactjscreate-react-appabsolute-path

Answer 1

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

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

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

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

import MyComponent from 'components/MyComponent';