众所周知，一些新的css属性都会有一些浏览器的兼容问题，因此不同的浏览器都会给对应的css属性添加浏览器前缀。

Webpack 处理样式与预处理器

1. 书写静态页面（HTML+CSS）
2. 拆分组件

• 注意1：拆分内容，组件结构+组件样式+图片资源
• 注意2：项目使用less样式浏览器不支持，需要通过less、less-loader进行处理，转为普通css

在生产环境下，每次打包构建后，都会生成hash值不用的文件，造成了很多冗余的文件，因此我们需要引入一个插件来在打包的时候先清理目录。

javascript现在更新的比较快，很多新的语法在浏览器中不一定兼容，因此我们需要利用babel来处理这个问题，将对应的js语法翻译成浏览器可识别的。

在webpack中，mode改成"production"后默认只能压缩html和js，因此我们需要引入插件optimize-css-assets-webpack-plugin主动压缩css。