【转载】vue打包后单个js文件太大以及打包速度很慢解决方法
原帖链接:很好的一篇文章http://www.cnblogs.com/llcdxh/p/9778491.html但是基本上只用看方法四和方法五,其中方法四是加快打包速度,方法五是将js文件打散变小四、使用DllPlugin和DllReferencePlugin处理,效果很明显,由原来的2个半小时变为了3分钟 (该方法可行) 这是参考的博文,不再赘述了。传送门五、在完成第四步之...
原帖链接:很好的一篇文章
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')进行路由懒加载。
更多推荐
所有评论(0)