第一步 安裝 yarn add @craco/craco 插件

第二步

在 package.json 文件中
將
"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  }, 
改成
"scripts": {
    "start": "craco start",
    "build": "craco build",
    "test": "craco test",
    "eject": "react-scripts eject"
  },

第三部

然后在項(xiàng)目根目錄創(chuàng)建一個(gè) craco.config.js 用于修改默認(rèn)配置。
const path = require('path')
const reslove = dir => path.resolve(__dirname,dir)

/* craco.config.js */
module.exports = {
    // ...
    webpack : {
        alias : {
            "@" : reslove("src")
        }
    }
};

然后重新運(yùn)行命令 yarn start 別名配置成功