1、安装
带有Webpack 4
$ npm install react-app-rewired --save-dev
带有Webpack 3
$ npm install react-app-rewired@1.6.2 --save-dev
2、在根目录创建 config-overrides.js
/* config-overrides.js */
module.exports = function override(config, env) {
//do stuff with the webpack config...
return config;
}
+-- your-project
| +-- config-overrides.js
| +-- node_modules
| +-- package.json
| +-- public
| +-- README.md
| +-- src
3、修改package.json中react-script
/* package.json */
"scripts": {
- "start": "react-scripts start",
+ "start": "react-app-rewired start",
- "build": "react-scripts build",
+ "build": "react-app-rewired build",
- "test": "react-scripts test",
+ "test": "react-app-rewired test",
"eject": "react-scripts eject"
}
注意：请勿翻转eject脚本调用。对于一个项目，该操作仅运行一次，之后您将完全控制webpack的配置，从而react-app-rewired不再需要该配置。没有用于eject脚本重新配置的配置选项。
更多请查看来源链接： github.com/timarney/re…
