Webpack生产环境配置

本章主要讲解Webpack生产环境配置。

生产环境，是指代码会被用户直接使用的线上正式环境，这些代码通常放在后端服务器和CDN上。

项目要上线，我们就需要一个可以把前端项目源码打包成可以用于生产环境的Webpack配置，我们用该配置打包前端工程，打包后的代码可以直接存放于后端服务器和CDN上。

前一章我们讲解了开发环境的配置，实际开发中，开发环境的配置和生产环境的配置有很多是相同的，例如都会配置相同的entry配置。对于相同的配置，考虑到代码复用和可维护性，我们通常要提取出相同的配置，然后区分打包环境。这个时候，我们就需要用到环境变量的知识。

相同的配置要分别与开发环境和生产环境合并，我们会用到webpack-merge这个工具，它类似于Object.assign方法，但它比Object.assign更加强大，非常适合对Webpack的配置项进行合并。

生产环境与开发环境非常不同的一点就是对样式的处理，本章会重点介绍生产环境的样式文件如何进行构建配置。

本章最后会介绍一个配置项performance，它可以对我们打包的一些指标进行监控，例如打包文件超过了500KB，就会发出警告提示。

学完本章，就完成了Webpack基本知识的学习。后面两章将介绍性能优化和原理以及loader和插件的开发。