如何解决uni-app编译后 vendor.js 文件过大
更新时间：2022年02月09日 10:59:18 作者：夏目友人帐...
这篇文章主要介绍了如何解决uni-app编译后 vendor.js 文件过大的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
uni-app编译后vendor.js文件过大
前景
采用uni-app开发的微信小程序，发布时工具提示vendor.js过大，已经跳过es6向es5转换。查看后发现编译后代码中common/vendor.js已超过500k，所以需要体积控制。
- HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码
- 使用cli创建的项目，可以在pacakge.json中添加参数–minimize，示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize”
运行后发现
vendor.js文件减少到了二百多k。
小程序分包后vendor还是过大
使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大引起主包超过2M
打开manifest.json —> 源码视图 —> mp-weixin节点下
添加以下代码
"optimization": {
"subPackages": true
}会发现分包的js文件将不会再打包到主包的vendor.js中了，亲测管用
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue实现登录页面的验证码以及验证过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-08-08
这篇文章主要介绍了解决vue-pdf查看pdf文件及打印乱码的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-11-11
本文介绍了如何在Vue中实现一个树形结构的下拉多选组件,支持任意一级选项的选择,全选功能,以及搜索功能,通过在mounted生命周期中获取数据,并使用handleTree函数将接口返回的数据整理成树形结构,实现了这一功能,感兴趣的朋友一起看看吧2025-01-01
这篇文章主要介绍了vue 实现倒计时秒杀的组件，紧接着通过实例代码给大家介绍小程序或者vue商品秒杀倒计时功能,需要的朋友可以参考下2019-04-04
国密即国家密码局认定的国产密码算法,主要有SM1,SM2,SM3,SM4,下面这篇文章主要给大家介绍了关于前端vue+element使用SM4国密加密解密的相关资料,需要的朋友可以参考下2023-03-03
本文主要介绍了vue中ref实现子向父传值的示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-01-01
Vue.js每天必学之内部响应式原理探究，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-09-09
这篇文章主要介绍了vue + electron应用文件读写操作,如果要制作的应用并不复杂，完全可以将数据存储在本地文件当中，然后应用就可以通过这些文件进行数据的读写，需要的朋友参考下吧2022-06-06
本篇文章主要介绍了详解vue-cli 脚手架项目-package.json，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
vue项目中图片选择路径位置static或assets的区别及说明
这篇文章主要介绍了vue项目中图片选择路径位置static或assets的区别及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
最新评论