依赖的插件

  1. npm install compression-webpack-plugin -D

使用

  1. const CompressionPlugin = require('compression-webpack-plugin')
  3. plugins:[
  4.     new CompressionPlugin({
  5.         filename："[path][base].gz",// 文件名
  6.         algorithm: "gzip", // 压缩算法
  7.         threshold：0, // 只处理大于此大小的资产。以字节为单位。
  8.         minRatio：0.8, // 只处理压缩率大于此的资源
  9.         deleteOriginalAssets：false,//是否删除原始资产
  10.     })
  11. ]

针对不同算法的多个资产压缩版本

  1. const zlib = require("zlib");
  3. module.exports = {
  4.   plugins: [
  5.     new CompressionPlugin({
  6.       filename: "[path][base].gz",
  7.       algorithm: "gzip",
  8.       test: /\.js$|\.css$|\.html$/,
  9.       threshold: 10240,
  10.       minRatio: 0.8,
  11.     }),
  12.     new CompressionPlugin({
  13.       filename: "[path][base].br",
  14.       algorithm: "brotliCompress",
  15.       test: /\.(js|css|html|svg)$/,
  16.       compressionOptions: {
  17.         params: {
  18.           [zlib.constants.BROTLI_PARAM_QUALITY]: 11,
  19.         },
  20.       },
  21.       threshold: 10240,
  22.       minRatio: 0.8,
  23.     }),
  24.   ],
  25. };