如何配置React系列Webpack环境实现不同环境不同配置？

本文共计703个文字，预计阅读时间需要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也可以用于代码压缩。相对而言，使用uglifyjs-webpack-plugin，可以对压缩进行更灵活的控制。