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

【问题标题】：How to avoid very long paths and use absolute paths within a Create React App project?如何避免非常长的路径并在 Create React App 项目中使用绝对路径？
【发布时间】：2019-12-02 21:34:53
【问题描述】：

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

实际：

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

预期

import MyComponent from 'components/MyComponent'

【问题讨论】：

标签： javascript reactjs create-react-app absolute-path

【解决方案1】：

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

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

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

然后你就可以用绝对路径导入你的组件了：

import MyComponent from 'components/MyComponent';

【讨论】：

我在您的回答中添加了指向文档的链接，请随时改进/更改我的编辑；）
@kinduser 谢谢。我错过了absolute path 搜索词:) 这种方法不需要配置 babel 或更多；太棒了。