在用create-react-app创建一个新的react项目之后
会发现package.json里面没有webpack 这是因为 用这个脚手架创建的项目 webpack相关配置都被集成在 react-scripts中了
脚手架本身提供了 ejest 来把webpack相关配置暴露出来 但是这个过程是不可逆的 弹出配置后,你将无法跟随官方的脚步去升级项目的 react-script 版本 谨慎操作 反正我没操作
如果我们想自己加一些配置 可以通过craco实现
安装包
yarn add @craco/craco
项目根目录创建 craco.config.js 文件
1
2
3
4
5/* craco.config.js */
module.exports = {
...
}修改 package.json 的 scripts 命令
1
2
3
4
5
6
7
8
9
10/* package.json */
"scripts": {
- "start": "react-scripts start",
+ "start": "craco start",
- "build": "react-scripts build",
+ "build": "craco build"
- "test": "react-scripts test",
+ "test": "craco test"
}