【转载】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')进行路由懒加载。
阅读更多
相关文章推荐
- 浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
- Thin的DateChooser代码学习(关于js的函数参数为一个完整的函数以及“对象不支持此属性或方法”错误的解决)(原创,转载请声明)
- 基于vue-cli npm run build之后vendor.js文件过大的解决方法
- vue项目中引入外部css以及js文件的方法
- 关于vb6自带打包工具打包后的安装文件在windows操作系统上安装出现问题的解决方法(部分转载)
- iOS 制作静态库 .a 文件 和 .framework 文件 以及解决第三方库冲突问题 最后附上图片及Xib资源打包成 bundle (转载 mark 一下)
- vue+webpack 打包文件 404 页面空白的解决方法
- js出现中文乱码及VS打开js文件乱码的解决方法
- eclipse不能保存js文件解决方法
- MyEclipse中编辑JS文件后乱码的解决方法
- Asp.net生成JS文件调用乱码解决方法
- vs2003 js文件编码问题的解决方法
- js出现中文乱码及VS打开js文件乱码的解决方法
- vs2003 js文件编码问题的解决方法
- [转载]关于VS05里checkboxlist用JS获取不到value值的解决方法
- 解决js文件嵌套到aspx文件中经常出错的方法
- jQuery和JS文件冲突的解决方法
- 转载:实拍微软盗版强制黑屏以及解决方法
- openoffice 3.0使用打开文件速度慢的解决方法
- Asp.net页面中引用js文件无效的问题的解决方法