生产环境-production

开发环境里面的css打包文件和js在一个文件里面，会导致js文件太大，需要下一个插件，plugin mini-css-extract-plugin抽取css文件出来，loader能做的事情比较少，兼容性处理一般用loader，压缩用plugin，

optimize-css-assets-webpack-plugin是一个用来压缩css的插件

抽取css文件：

css兼容性处理：

  css兼容性处理：postcss --> postcss-loader（保证能在webpack中使用） postcss-preset-env，（保证postcss识别到某一个环境，加载指定的配置，精确到某一个浏览器的版本，

  帮postcss找到package.json中browserslist里面的配置，通过配置加载指定的css兼容性样式

）

js语法检查：

团队工作的时候写的代码风格一致

js兼容性处理：

IE浏览器不认识es6新增语法

js和html压缩：js压缩，只需要将mode的值改成production，就能实现自动压缩，生产环境下会自动压缩代码，因为他会自动加载一个插件UglifyJsPlugin