本站于2023年9月4日。收到“大连君*****咨询有限公司”通知
说我们IIS7站长博客，有一篇博文用了他们的图片。
要求我们给他们一张图片6000元。要不然法院告我们
为避免不必要的麻烦，IIS7站长博客，全站内容图片下架、并积极应诉
博文内容全部不再显示，请需要相关资讯的站长朋友到必应搜索。谢谢！
另祝：版权碰瓷诈骗团伙，早日弃暗投明。
相关新闻：借版权之名、行诈骗之实，周某因犯诈骗罪被判处有期徒刑十一年六个月
叹！百花齐放的时代,渐行渐远!
问题描述
前端项目打包之后 .js文件太大，导致项目第一次加载的时候太慢，查阅各种解决方案资料，汇总以下几点：
1.使用cdn引入不怎么改变的第三方库：
类似于
<script src="https://cdn.bootcss.com/vue-router/3.0.1/vue-router.min.js"></script>
<script src="https://cdn.bootcss.com/vue/2.5.15/vue.min.js"></script>
2.使用vue的懒加载:
官网地址[https://router.vuejs.org/zh/guide/advanced/lazy-loading.html]，
但是官网有一句
如果您使用的是 Babel，你将需要添加 syntax-dynamic-import 插件，才能使 Babel 可以正确地解析语法。
这个插件依赖于6.x.babel 需要注意
3.服务器和前端配置开启压缩
服务器nginx配置添加:
gzip on;
gzip_static on; --这个很重要 不加的话 访问加载的还是未压缩的文件
前端配置config/index.js：
productionGzip: true,
然后再引入插件 compression-webpack-plugin
需要注意版本 "compression-webpack-plugin": "^1.1.12",
