我需要为 s3 和 cloudfront 生成 br 和 gz 文件吗？答案

【问题标题】：Do I need to generate br and gz files for s3 and cloudfront?我需要为 s3 和 cloudfront 生成 br 和 gz 文件吗？
【发布时间】：2020-12-15 10:41:56
【问题描述】：

当我使用 vue cli 和 webpack 构建我的应用程序时，我添加了两个插件：

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

这些插件为 webpack 创建的每个文件创建 br 和 gz 文件。例如app.css:

app.a35d9d23.css
app.a35d9d23.css.gz
app.a35d9d23.css.br

现在我开始在云端和 s3 中为应用程序提供服务。

我的问题是我需要生成这些文件并将它们上传到 s3 吗？还是 cloudfront 和 s3 知道为自己服务（他们创建 br/gz 文件）？

【问题讨论】：

标签： javascript amazon-s3 webpack amazon-cloudfront

【解决方案1】：

您不应生成 gz 和 br 文件，CloudFront 不会使用它们。当您使用网络服务器（apache、nginx）时，这些文件很有用，因为它们可以被优化以提供预压缩文件，而不是即时压缩它们。

当您使用 CloudFront 时，您可以enable compression 自动负责提供压缩文件。不过有一些注意事项，比如有文件大小限制并且它只支持 gzip，但另一方面它只是一个你打开的复选框。

【讨论】：