React系列Webpack配置：如何针对不同环境定制Webpack配置方案？

本文共计707个文字，预计阅读时间需要3分钟。

React系列——Webpack环境搭建（一）：手动搭建React系列——Webpack环境搭建（二）：不同环境不同配置React系列——Webpack环境搭建（三）：打包性能优化实际项目中，React系列Webpack环境搭建（一）：手动搭建

React系列—Webpack环境搭建（一）手动搭建React系列—Webpack环境搭建（二）不同环境不同配置React系列—Webpack环境搭建（三）打包性能优化实际项目中，

React系列Webpack环境搭建（一）手动搭建React系列Webpack环境搭建（二）不同环境不同配置React系列Webpack环境搭建（三）打包性能优化

实际项目中，往往不同环境有不同的构建需求。比如开发、测试和生产环境对应的后端接口地址不同，生产环境需要进行代码混淆、压缩等。

因此，往往还需要将webpack配置分成多个：

安装webpack-merge，用于合并配置：

npm install webpack-merge --save-dev

安装uglifyjs-webpack-plugin，用于js代码压缩：

npm install uglifyjs-webpack-plugin --save-dev

webpack -p也可以用于代码压缩。