小编Dan*_*sch的帖子

我需要帮助调试 Webpack 的压缩插件。

问题总结

• 目标是启用资产压缩并减少我的应用程序的包大小。使用 Brotli 算法作为默认算法，并使用 gzip 作为不受支持的浏览器的后备算法。
• 我期望资产的响应标头中有一个内容编码字段。相反，它们是在没有字段的情况下加载的。我使用 Chrome 开发工具的网络选项卡来确认这一点。有关上下文，请参阅以下代码片段：
• 在本地运行时，我的浏览器或 IDE 中没有显示错误。

我尝试过的

• 对压缩插件使用不同的实现。请参阅下面的方法列表：
  1. （使用Webpack链API）

config
 .plugin('brotliCompress')
     .use(CompressionWebpackPlugin, [{
       exclude: /.map$/,
       cache: true,
       algorithm: 'brotliCompress',
       test: /\.(js|css|html|svg)$/,
       threshold: 10240,
       minRatio: 0.8,
     }])

2. （使用Webpack链API）

config
  .plugin('gzip')
      .use(CompressionWebpackPlugin, [{
        algorithm: 'gzip',
        test: new RegExp('\\.(' + ['js', 'css'].join('|') + ')$'),
        threshold: 8192, // Assets larger than 8192 bytes are not processed
        minRatio: 0.8, // Assets compressing worse that this ratio are not processed
      }])

3. （使用Webpack链API）

config
  .plugin('CompressionPlugin')
      .use(CompressionWebpackPlugin) …