gzip - 在本地使用 gzip 文件

Question

我的站点目录中有一个压缩的 gzip 文件。我从未使用过 gzip，但它似乎不适用于本地机器。

我正在使用 BrowserSync 启动本地服务器来查看我的网站，如何让浏览器读取我的main.css.gz文件？

对此的任何帮助表示赞赏。

提前致谢！

Answer 1

您必须使用 browserSync 配置的中间件挂钩，在其中检查某个文件类型（在您的情况下.gz）并设置适当的 Content-Encoding 和 Content-Type Headers 以进行交付

  {
    'browsersync': {
        'taskName': {
            'options': {
                'server': {
                    'middleware': [
                        function (req, res, next) {
                            if(req._parsedUrl.pathname.match(/\.gz$/g)){
                              res.setHeader('Content-Type', 'text/html');
                              res.setHeader('Content-Encoding', 'gzip');
                            }
                            next();
                        }
                    ]
                }
            }
        }
    }
}

也许依赖 _parsedUrl 变量不是最佳实践（因为下划线将其声明为私有），您应该改用它url，但为了简单起见，我会坚持使用它。