create-react-app 完整配置别名alias方法
网上找了很多配置方式，要么讲的不全面，要么就是用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打包/启动
运行一下就可以了
英语好的直接看这里
