话不多说直接上图
优化前： 
优化后： 
第一张图中的 1.09 M是我的项目经过打包编译之后的js文件大小，确实有点大了，第一次打开页面的时候会比较慢。所以就需要想办法来解决这个问题了。
再查看官网之后，发现官网给我们提供了一个懒加载，相当于图片懒加载，你不打开的时候是不会全部加载出来的，只有你需要用到的时候才会加载出来，也算是一种
打包优化了。
官网：https://router.vuejs.org/zh-cn/advanced/lazy-loading.html
vue项目打包之后js文件过大怎么办？
转载
提问和评论都可以，用心的回复会被更多人看到
评论
发布评论
相关文章
-
如何降低Vue.js项目中Webpack打包文件的大小？
结论结论：vue中，直接引用文件，可以让打包文件最小。
vue webpack ide 文件大小 5e -
Vue打包问题汇总：legacy、runtime.js
解决办法是添加兼容的浏览器。
vue.js javascript 前端 html json -
vue.js中input大小 vue @input
1.在vue中使用到input输入框的时候，会是很常见的情况，但是在不同的情况下我们使用的事件也会是不同的，比如，change,blur，input ...change 是改变事件。 blur是失去光标事件，focus是聚焦事件，input 是输入框的输入事件2.如果是在一个列表中，如果我们需要对列表的输入框中进行判断的话，个人建议最好的使用方式是input事件比较，change事件，只是代表输入
vue.js中input大小 vue form表单的判定选用的事件 vue form表单的判定 vue 输入框事件 input事件
