React中使Vscode识别@路径并给出路径提示

步骤1:

1. 在项目根目录创建 jsconfig.json 配置文件

2. 在配置文件中添加以下配置

jsconfig.json 中：

{
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true,
        "baseUrl": "./",
        "paths": {
          "@/*": ["src/*"]
        }
    },
    "exclude": [
        "node_modules"
    ]
 }

VSCode 会自动读取 jsconfig.json 中的配置，让 vscode 知道 @ 就是 src 目录

步骤2: 用craco来配置路径别名

配置@路径别名，让脚手架工具能识别@

CRA(create-react-app) 将所有工程化配置，都隐藏在了 react-scripts 包中，所以，项目中看不到任何配置信息或者是配置文件。

如果要修改 CRA 的默认配置，有以下几种方案࿱