react配置别名@

一 下载依赖

cnpm i  @craco/craco

二，配置

1，在项目根目录下创建craco.config.js文件

2，复制到craco.config.js文件中

//path是nodejs内置模块
const path = require('path');

module.exports = {
  webpack: {
    alias: {
      // 使用 @ 表示 src 文件所在路径
      '@': path.resolve(__dirname, 'src')
    }
  }
}

3，修改package.json 

将scripts中的代码进行替换

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

做完以上操作就可以开发了