web - 如何为 Web 和 Amazon CloudFront 手动 gzip 文件

Question

我有一个 3MB 的 .wasm 文件，我正在尝试使用 gzip 对其进行压缩并在 Amazon CloudFront 上使用该文件。目前 CloudFront 不支持自动压缩 .wasm 文件类型。

我用过 gzip filename.wasm但是当从 CloudFront 获取时，输出的结果在我的代码中不起作用。我在别处读到该文件缺少一些文件头。

所以我的问题是，如何手动 gzip 一个 .wasm 文件以在 Web 上使用并从 CloudFront 获取？

谢谢!

Answer 1

您可以使用 gzip 压缩文件，然后使用 --content-type application/wasm --content-encoding gzip 将其上传到 s3 ，没有 .gz后缀。当此文件随后通过 cloudfront 提供服务时，它将以 gzip 格式返回并可供浏览器读取。
下面是一个使用 brotli 的例子:

WASM_FILE=$(ls dist/ | grep '.wasm$');
brotli-cli dist/*.wasm
BROTLI_FILE=$(ls dist/ | grep wasm.br);
mv dist/$BROTLI_FILE dist/$WASM_FILE

aws s3 cp dist/*.wasm s3://$S3_BUCKET/ \
  --content-encoding br \
  --content-type application/wasm