cli3 从搭建到优化的详细步骤(6)

再次运行 build ,我们会发现 dist/ 下所有的 .js 和 .css 都会多出一个 .js.gz、.css.gz 的文件,这就是我们需要的压缩文件,可以看到最大的只有 18.05KB ,想想是不是比较激动...

cli3 从搭建到优化的详细步骤

当然,这玩意还需要服务端支持,也就是配置 nginx :

gzip on; gzip_static on; gzip_min_length 1024; gzip_buffers 4 16k; gzip_comp_level 2; gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php application/vnd.ms-fontobject font/ttf font/opentype font/x-woff image/svg+xml; gzip_vary off; gzip_disable "MSIE [1-6]\.";

配置完重启 nginx :

cli3 从搭建到优化的详细步骤

配置成功的话,可以看到加载的是比较小的 Gzip :

在 response headers 里会有一个 Content-Encoding:gzip

cli3 从搭建到优化的详细步骤

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/e460d8181717024e57ff75043c596867.html