React 配置路径别名

1. 安装插件

npm i -D @craco/craco

2. 在项目根目录下新建文件 craco.config.js ，配置如下：

const path = require('path')
 
module.exports = {
  webpack: {
    alias: {
      '@': path.resolve(__dirname, 'src')
    }
  }
}

3. 修改 package.json 

{
    ...
    "scripts": {
      "start": "craco start",
      "build": "craco build",
      "test": "craco test",
      "eject": "react-scripts eject"
    }
}

4. 别名路径提示。项目根目录下新建文件 jsconfig.json ，配置如下：

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}