解决Vue打包文件大，首次加载慢的问题

未压缩前的

压缩后的

那么如何压缩的呢，接着往下看

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的会有这么一个属性，一目了然