網上找了很多配置方式，要么講的不全面，要么就是用ts寫的，相信大部分都是直接用create-react-app方式創建的項目，本文就針對此種方式配置
1、安裝依賴
npm install react-app-rewired --save-dev
npm install customize-cra --save-dev
2、根目錄創建config-overrides.js文件，注意名字不要寫錯，內容如下
const { override, fixBabelImports, addWebpackAlias } = require('customize-cra')
const path = require('path')
function resolve(dir) {
return path.join(__dirname, '.', dir)
}
module.exports = override(
addWebpackAlias({
["@"]: path.resolve(__dirname, "src")
})
)
3、修改package.json的scripts部分，如下
"dev": "react-app-rewired start", "build:prod": "react-app-rewired build"
原來由react-scripts啟動/打包的改成以react-app-rewired打包/啟動
運行一下就可以了
英語好的直接看這里