如何解决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-12-12
最近公司项目比较少终于有空来记录一下自己对vue-router的一些小小的使用心得，本文给大家分享vue router自动判断左右翻页转场动画效果，感兴趣的朋友一起看看吧2017-10-10
今天小编就为大家分享一篇vue+element-ui动态生成多级表头的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
本篇文章主要介绍了nginx部署访问vue-cli搭建的项目的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-02-02
这篇文章主要为大家介绍了Vue3组件异步更新和nextTick运行机制源码解读，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-03-03
这篇文章主要介绍了Vue入门学习笔记,结合实例形式分析了vue.js的基本概念、对象、过滤器、指令等的相关原理与简单使用方法,需要的朋友可以参考下2019-04-04
这篇文章主要介绍了Nuxt.js SSR与权限验证的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2018-11-11
这篇文章主要为大家介绍了React DOM diff 对比Vue DOM diff 区别详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-09-09
这篇文章主要介绍了解决echarts中横坐标值显示不全(自动隐藏)问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-07-07
这篇文章主要介绍了若依VUE前端打包到测试环境,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-12-12
最新评论