您的位置:首页 > Web前端 > Vue.js

【转载】vue打包后单个js文件太大以及打包速度很慢解决方法

2018-11-17 20:34 513 查看

原帖链接:很好的一篇文章

http://www.cnblogs.com/llcdxh/p/9778491.html

但是基本上只用看方法四和方法五,其中方法四是加快打包速度,方法五是将js文件打散变小

四、使用DllPlugin和DllReferencePlugin处理,效果很明显,由原来的2个半小时变为了3分钟 (该方法可行)

  这是参考的博文,不再赘述了。传送门

五、在完成第四步之后,以为优化已经完成了,准备收工的时候,突然想到了该项目的router在开发环境的时候不进行路由懒加载,在打包生产包的时候使用路由懒加载的,会不会是该问题导致的呢?

所以重新改写了router/index.js文件的懒加载方式,无论是开发环境还是生产环境都是使用懒加载方式。

  原来的加载路由的方式:

 

  _import_development.js文件:本地开发的时候,不使用懒加载的方式,而是使用Common.js的方式直接引入,这样热加载就会很快完成的。

  _import_production.js文件:

  修改之后,不使用_import_development.js和_import_production.js文件,而是直接在router/index.js中直接使用 () => import('@/components/xxx')进行路由懒加载。

 

 

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: