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

Question

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

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 协议(protocol))？

附言我不使用任何框架，如 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