首页 > 其他 > 详细

vue加载优化方案

时间:2019-12-11 16:20:56      阅读:89      评论:0      收藏:0      [点我收藏+]

我们的项目随着组件的加入,首次加载的js文件越来越大,用户等待时间越来越长;之前想着使用webpack的splitCoding来解决,看了webpack的官方文档可以配置optimization的

moduleIds这个属性来将node_modules中的公用的库的代码提取出来,如果代码没有变化,那么就不会改变文件的hash值,但是我用的是vue的nuxt框架,设置这个属性后每次build还是会生成新的hash值,每次用户都还是会下载新的文件,而我们的项目又会经常部署,显然这个方案不行;
 
最后我只能加一些比较大的库像threejs,phaser,videojs等直接加载.min.js文件,加载完后在执行相关的代码,
技术分享图片

 

 

还有一些则是采用js的动态加载方案技术分享图片

 

,最后将项目的代码的首次加载时间控制在1-2秒左右,体验效果好了很多!! 

vue加载优化方案

原文:https://www.cnblogs.com/wlinglinux/p/12022460.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!