配置 ​

Plugins ​

UglifyJsWebpackPlugin ​

此插件使用 uglify-js 压缩的 JavaScript，减少文件体积

CssMinimizerWebpackPlugin ​

压缩 css 文件体积

webpack4 使用 optimize-css-assets-webpack-plugin

MiniCssExtractPlugin ​

此插件会将 CSS 提取到单独的文件中，为每个包含 CSS 的 JS 文件创建一个 CSS 文件，并且支持 CSS 和 SourceMaps 的按需加载。

HtmlWebpackPlugin ​

可以根据模板自动生成 html 代码，并自动引用 css 和 js 文件

CompressionWebpackPlugin ​

项目整体压缩（gzip）

webpack-bundle-analyzer ​

对打包出的 bundle 分析，可视化的了解项目的体积

SpeedMeasurePlugin ​

查看 webpack 打包过程中每一步花费的时常，方便查看打包速度

Loaders ​

image-webpack-loader ​

压缩图片体积

thread-loader ​

对耗时的 loader 开启多线程加速

url-loader ​

处理图片等静态资源