使用react-app-rewired
一般我们要改的配置并不多,这种情况下一个更好的选择是react-app-rewired,不需要生成一堆配置文件。
使用步骤:
1、安装相关的依赖:
npm i react-app-rewired --save-dev
npm i customize-cra --save-dev
2、修改package.json的scripts为
"scripts": {
"start": "react-app-rewired start",
"build": "react-app-rewired build",
"test": "react-app-rewired test",
"eject": "react-scripts eject"
}
3、在根目录下添加config-overrides.js配置文件
具体支持的配置可以查看customize-cra文档
接下来需要添加或者修改webpack的配置,只需要关心config-overrides.js一个文件,非常清晰简洁。