首页 > 解决方案 > 如何在angular7中为生产提供gzip压缩文件

问题描述

var BrotliGzipPlugin = require('brotli-gzip-webpack-plugin');
module.exports = {
    plugins: [
        new BrotliGzipPlugin({
            asset: '[path].br[query]',
            algorithm: 'brotli',
            test: /\.(js|css|html|svg)$/,
            threshold: 10240,
            minRatio: 0.8
        }),
        new BrotliGzipPlugin({
            asset: '[path].gz[query]',
            algorithm: 'gzip',
            test: /\.(js|css|html|svg)$/,
            threshold: 10240,
            minRatio: 0.8
        })
    ]
}

我正在使用此代码,但无法在生产模式下提供压缩文件,也无法使用 Apache 服务器。

标签: phpapachelaravel-5angular7

解决方案


我认为这里确实没有足够的代码来提供明确的答案……但这是我开始寻找的地方:“在客户端浏览器日志中”。您应该会看到一个 HTTP 请求发出,以及一个带有 HTTP 标头标签的 GZIP 编码回复Content-Encoding: gzip

那么,看到请求发出了吗?是返回码200 OK吗?是否指定了编码?客户端浏览器实际上做了什么?不幸的是,你没有告诉我们这些事情。

(还请注意,许多浏览器交易所gzip通常对所有内容都使用编码。算法非常快,基本上是免费的......)


推荐阅读