解决vue首页打开慢
问题
生成了dist文件，然后部署到openresty上，打开首页，缓缓加载。
发现有个 1M多的js文件，加载了二十多秒，难怪这么慢。
dist/js
第一次优化
想办法优化一下 https://blog.csdn.net/qq_41999617/article/details/88052534
参考了上面的博客，但是我没有用什么特殊字体，那么剩下的方向是：
- 减少重复import
- 第三方css,js使用cdn
- 不生成map文件 (新版本中使用productionSourceMap: false 与原文有出入**)**
一番操作后重新build一下
没有生成map文件，但是最大的js文件还是挺大的，有800多KB，比刚才快了一点点，还需要进一步优化。
再次优化
查看build过程
可以看到vue-cli3.0+的版本默认是开启了gzip的，而加载的时候使用的是800多KB的文件，并不是200多KB的文件，OK，修改nginx.conf文件，开启gzip
1 | gzip on; |
重启nginx
1 | sudo sbin/nginx -c conf/nginx.conf -s reload |
结果
再次查看刷新页面
可以看到大小已经降低，内容编码启用了gzip，加载时间在可接受范围内。
