由于react脚手架中把webpack配置都隐藏起来了，我们修改起来不太方便，于是，记录一下使用craco来修改配置的方法
安装 craco
yarn add @craco/craco
修改package.json文件
- 使用
craco启动项目
"scripts": {
- "start": "react-scripts start",
- "build": "react-scripts build",
- "test": "react-scripts test",
"eject": "react-scripts eject",
+ "start": "craco start",
+ "build": "craco build",
+ "test": "craco test",
}
在根目录下创建craco.config.js文件
- craco.config.js文件用于修改默认配置
应用: craco配置别名
const path = require("path");
const resolve = dir => path.resolve(__dirname, dir);
module.exports = {
// 其它配置...
,
webpack: {
alias: {
'@': resolve("src"),
'components': resolve("src/components"),
}
}
}
重启项目生效
yarn start
