Create React APP 使用绝对路径引入

在 React 项目中，当页面层级变多时，使用相对路径会使引入文件变得相当麻烦。

比如会遇到这种情况： ../../../../store/xxx.js

所以我在项目中因为此原因要设置绝对路径。

同时绝对路径还有其他好处

• 代码清晰、简洁
• 由于是绝对路径，可以直接复制代码到其他层级使用，相对路径则要切换引用路径
• 移动文件到其他地方，省去更新路径的步骤。（移动路径 VS code 可以直接帮你修改引用，但其他 IDE 可能就不行了）

我是用的编码工具是 VS Code，具体实现如下。

• 在项目的根目录创建一个 jsconfig.json 文件，文件内容如下

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

 

  上图引入 request 使用的是绝对路径，引入 Bottom 使用的相对路径，两者均可使用，目的达到！