【问题标题】: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 或更多;太棒了。
    猜你喜欢
    • 2017-12-26
    • 2021-05-25
    • 2020-12-25
    • 2016-04-27
    • 2019-06-28
    • 1970-01-01
    • 2016-11-09
    • 2020-04-20
    • 1970-01-01
    相关资源
    最近更新 更多