webpack打包的.gz文件，前端怎么调用呢？

Question

使用compression-webpack-plugin打包后，出现的.js.gz文件，是如何使用的呢？

Answer 1

content-encoding:gzip

压缩代码，在传输的时候用gzip压缩，提高资源访问速度。后端以nginx为例的话，在nginx.conf需要开启gizp服务：

gzip on;              //开启gzip压缩功能

这样你就可以在network查看到content-encoding:gzip这个选项

HTTP/1.1 200 OK
Server: nginx/1.0.15
Date: Sun, 26 Aug 2012 18:13:09 GMT
Content-Type: text/html; charset=UTF-8
Connection: keep-alive
X-Powered-By: PHP/5.2.17p1
X-Pingback: http://www.slyar.com/blog/xmlrpc.php
Content-Encoding: gzip

Answer 2

gzip_static  on;

Nginx 配置静态压缩后可以直接使用，节省 CPU 资源