uni-app 微信小程序vendor.js 过大的处理方式和分包优化

1年前作者：xiexikk分类：Toy博客阅读(24)违法举报

这篇具有很好参考价值的文章主要介绍了uni-app 微信小程序vendor.js 过大的处理方式和分包优化。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

小程序工具提示vendor.js过大，已经跳过es6向es5转换。这个转换问题本身不用理会，因为vendor.js已经是es5的了。
关于体积控制，参考如下：
使用运行时代码压缩

HBuilderX创建的项目勾选运行–>运行到小程序模拟器–>运行时是否压缩代码
cli创建的项目可以在package.json中添加参数–minimize，

示例：“dev:mp-weixin”: “cross-env NODE_ENV=development UNI_PLATFORM=mp-weixin vue-cli-service uni-build --watch --minimize”
uni-app 微信小程序vendor.js 过大的处理方式和分包优化
分包优化
subPackages 里的pages的路径是 root 下的相对路径，不是全路径。
微信小程序每个分包的大小是2M，总体积一共不能超过16M。
分包下支持独立的 static 目录，用来对静态资源进行分包。
uni-app内支持对微信小程序、QQ小程序、百度小程序、支付宝小程序、字节小程序(HBuilderX 3.0.3+)分包优化，即将静态资源或者js文件放入分包内不占用主包大小。
uni-app 微信小程序vendor.js 过大的处理方式和分包优化
文章来源地址https://www.toymoban.com/news/detail-500713.html

到了这里，关于uni-app 微信小程序vendor.js 过大的处理方式和分包优化的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

uni-app微信小程序获取手机号授权登录（复制即用，js完成敏感数据对称解密，无需走服务端处理）
目录一、示例二、具体实现说明获取到的手机号属性说明属性名说明生效时机 @getphonenumber 获取用户手机号回调 open-type=\\\"getPhoneNumber\\\" 按钮写法接口说明接口说明 wx.login() 获取登录凭证（code），通过凭证进而换取用户登录态信息 auth.code2Session 登录凭证校验参数说明
2024年02月10日
浏览(30)
微信小程序uni-app
小程序是一种不需要下载、安装即可使用的应用，它实现了应用触手可及的梦想，用户扫一扫或者搜一下就能打开应用，也实现了用完即走的理念，用户不用安装太多应用，应用随处可用，但又无须安装卸载。微信开发文档 1、工作原理网页开发，渲染线程和脚本是互斥的
2024年02月10日
浏览(46)
微信小程序授权（uni-app)
概述为了避免重复开发，自己封装了一个通用用户授权回调方法，只需要传入需要授权的scope，权限中文描述、回调函数，就可以实现一整套小程序是否授权、打开授权设置，调用后续操作函数的工作功能可以根据自己的实际应用进行微调目前使用的uni-app版本，可以根据自
2024年02月16日
浏览(50)
语法速通 uni-app随笔【uni-app】【微信小程序】【vue】
其中， pages 目录/ index 目录【必有】： index.js 编写业务逻辑【初始数据，生命周期函数】 index.json 编写配置 index.wxml 编写模板【可理解为本页html】 index.wxss 【可理解为本页css】直接输入敲回车，连尖括号都不需要就可以标签补全 1）初始数据写死在 index.wxml 引入变
2024年02月12日
浏览(113)
uni-app微信小程序使用echarts
前言：本来是使用的ucharts，但因为无法监听图例点击交互，满足不了需求，所以只能放弃。首先，下载echart组件。可以先随便建个文件夹，然后 npm init。接着下载依赖然后找到 node_modulesmpvue-echarts下的文件，如图只留下src，其他的删掉（没有用到）。然后复制 mpvue-echart
2024年02月10日
浏览(51)
uni-app 微信小程序激励视频广告
封装激励视频-Ad.js 调用上面写的方法：
2024年02月12日
浏览(48)
【uni-app微信小程序】实现支付功能
实现微信支付功能需要在小程序后台配置支付相关信息，并且在前端代码中调用微信支付API进行支付操作。好的， uni-app微信小程序实现支付功能整体流程大致如下：注册微信公众平台，并完成开发者资质认证；在微信商户平台注册商户账号，并完成商户资质认证；在商户
2024年02月13日
浏览(52)
uni-app（微信小程序）获取当前位置uni.getLocation
1、微信公众平台开发开发管理 2、开通之后到项目文件 3、下载腾讯地图插件并引入到文件中
2024年02月11日
浏览(51)
[uni-app] 微信小程序如何修改替换头像
如下图所示，微信小程序中涉及到修改头像的交互技术：前端应用框架为uni-app UI框架为uView 思考： 1. 头像点击事件 click 2.从本地相册选择图片或使用相机拍照 uni.chooseImage(OBJECT) ，方法执行成功后根据success中返回的图片的本地文件路径列表 tempFilePaths，做操作 3.上传图片
2024年02月11日
浏览(19)
uni-app微信小程序——下拉多选框
插件来自：select-cy - DCloud 插件市场
2024年02月11日
浏览(11)