性能优化-webpack配置gzip

3步搞定，实测1.3Mjs压缩到363k，体积减少70%
1.装包
yarn add compression-webpack-plugin --dev
2.配置webpack
打开config/webpack.config.js
1）在 module.exports 导出函数前面引入插件

// gzip插件
const CompressionPlugin = require("compression-webpack-plugin");

2）添加配置
位置，搜索new HtmlWebpackPlugin(在其上边添加配置

	plugins: [// gzip配置项new CompressionPlugin({filename: "[path][base].gz",algorithm: "gzip", // 算法test: new RegExp("\\.(js|css)$"), // 压缩 js 与 cssthreshold: 1024, // 只处理比这个值大的资源。按字节计算 10240minRatio: 0.8, // 只有压缩率比这个值小的资源才会被处理}),// Generates an `index.html` file with the <script> injected.new HtmlWebpackPlugin(