在本地使用gzip文件

Question

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

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

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

提前致谢！

Answer 1

您必须使用browserSync配置的中间件挂钩来检查特定文件类型（在您的情况下为.gz）并为交付设置适当的内容编码和内容类型标头

  {
    '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代替，但为了简单起见，我会坚持下去用它。