webpack - 我们是否需要手动设置 Nuxt 发送 gzip 或 brotli 压缩文件？

Question

为了提高灯塔分数，我需要启用gzip和/或brotli压缩，以便提高性能分数。我在我的文件中添加了两个 webpack 插件nuxt.config.js：

plugins: [
    new CompressionPlugin({
      filename: `[path].gz[query]`,
      algorithm: `gzip`,
      test: /\.js$|\.css$|\.html$/,
      threshold: 10240,
      minRatio: 0.8
    }),
    new BrotliPlugin({
      asset: `[path].br[query]`,
      test: /\.js$|\.css$|\.html$/,
      threshold: 10240,
      minRatio: 0.8
    })
  ]

而且我可以确认，添加这两个插件实际上是在创建我的文件.gz的.br版本。

主要问题是：我应该对我的 nuxt 配置文件做一些额外的事情以发送这些压缩文件还是 nuxt 会自行处理？可以检查吗localhost（因为我已经读过brotli，例如，仅适用于 HTTPS 协议）？

PS我不使用任何框架，如express或restify

Answer 1

如果您使用的是nuxt 2，则可以更轻松地完成。

在您的nuxt.config.js文件中：

import shrinkRay from 'shrink-ray-current'

export default {
  render: {
    compressor: shrinkRay()
  }
}

有关摩尔详细信息，请参阅本文https://blog.lichter.io/posts/nuxtjs-on-brotli