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

【问题标题】：Do we need to manually set Nuxt send gzipped or brotli-compressed files?我们是否需要手动设置 Nuxt 发送 gzip 或 brotli 压缩文件？
【发布时间】：2018-10-01 08:24:23
【问题描述】：

为了提高灯塔分数，我需要启用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协议）？

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

【问题讨论】：

标签： webpack gzip nuxt.js brotli

【解决方案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

【讨论】：