未压缩前的
压缩后的
那么如何压缩的呢,接着往下看
1.首先在config/index.js里把productionGzip设置为true(以生产环境为例)
2.配置Nginx
找到nginx.config
http {
gzip on; #开启或关闭gzip on off
gzip_static on;#是否开启gzip静态资源
gzip_disable "msie6"; #不使用gzip IE6
gzip_min_length 100k; #gzip压缩最小文件大小,超出进行压缩(自行调节)
gzip_buffers 4 16k; #buffer 不用修改
gzip_comp_level 3; #压缩级别:1-10,数字越大压缩的越好,时间也越长
gzip_types text/plain application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png; # 压缩文件类型
gzip_vary off; #跟Squid等缓存服务有关,on的话会在Header里增加 "Vary: Accept-Encoding"
}
这里的gzip_static是设置静态压缩用的,具体功能可以自行百度下。
3.重启Nginx,完活。
支持gzip的会有这么一个属性,一目了然