uniapp 微信小程序分包

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

uniapp项目编译到微信小程序上传代码时提示体积过大,这个时候就要做优化了,大致就以下几个方面

1.减少或压缩本地图片
2.删减重复代码,删减无用CSS样式
3.减少无用组件引用
这个时候做完发现也优化不了多少体积,代码包还是过大,所以就要用到分包了

分包步骤

1.在pages同级新建文件夹subPackageA(名字不固定)

typeerror: subpackage.pages is not iterable,微信小程序,uniapp,微信小程序,uni-app,javascript
subPackage文件夹里可以放组件,图片,页面,打包的时候就会打进分包中
注意:分包中的组件和图片,主包是不能进行访问的,分包可以访问主包中的文件

2.在pages.json中配置分包
"subPackages": [{
		"root": "subPackageA",//子包的根目录
		"name": "分包A",
		"pages": [{//子包由哪个目录组成
				"path": "pages/login/login",
				"style": {
					"navigationBarTitleText": "登录"
				}
			},]
		}]

subPackages与主包pages同级,这里边的pages是我的一个文件夹,这样建目录可以把上边要分包的pages.json配置直接粘贴赋值过来,就像我这个login,原本就是这样写的,不过是从主包cv过来

这个时候分包其实就差不多了,然后就是修改你分包后的页面跳转路径,和引入组件的路径就欧克了
如:文章来源地址https://www.toymoban.com/news/detail-630995.html

//原本的跳转路径
uni.navigateTo({
		url:'/pages/xxxx/index'
})
//修改后的
uni.navigateTo({
		url:'/subPackageA/pages/xxxx/index'
})

这个时候你再运行到小程序时就可以正常预览和上传了

到了这里,关于uniapp 微信小程序分包的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

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

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

相关文章

  • uniapp-微信小程序 分包--详解

    先说好,如果代码模块多,就一个一个模块搞(照着做不会错) 直入主题,我代码写完了,一真机运行,g,发现超过2m(微信小程序不能超过2m),找办法,发现设置里面有个最大运行4M,打开后可以真机调试了,结果上传代码,g,必须小于2M。找办法 1、将静态资源放到服务

    2023年04月23日
    浏览(53)
  • uniapp微信小程序之分包异步化之组件分包

    日渐增加的通用组件造成的主包空间不足; 提升小程序访问速度,降低白屏率; 如何进行占位组件配置; 如何解决通过$refs访问异步组件报错; 如何判断所有异步组件都已加载完毕; 多分包组件之间互相调用如何配置; 占位组件配置         直接在页面路由配置文件

    2024年02月07日
    浏览(55)
  • uniapp 微信小程序 分包打包流程出现的问题

    uniapp 微信小程序  URL:小程序性能优化指南 | 微信开放社区   主包只能2M,太小啦 举个例子 比如公司就是一个项目(小于20M),新来的同事就是一个文件吧,随着公司的人越来越多(项目也就是主包大于2M),就需要划分部门,每个部门就可以理解为一个分包。  URL:使用分包

    2024年02月09日
    浏览(81)
  • uniapp微信小程序超过2M,错误码:80051,分包处理,超简单!!!

    错误提示:message:Error: 上传失败:网络请求错误 系统错误,错误码:80051,source size 2293KB exceed max limit 2MB 第一步:首先创建一个与pages同级的目录pagesA                pages 用于存放登录页面及tabBar的那几个页面                pagesA  用于存放其他页面      

    2024年02月04日
    浏览(46)
  • uniapp编译微信小程序主包过大无法上传进行分包优化步骤

    uniapp编译微信小程序主包过大无法上传进行分包优化步骤: 首先是在uniapp项目中的 manifest.json 文件中找到 源码视图 ,进去之后在微信小程序相关 mp-weixin 之下进行开启分包优化的相关配置: 开始新建项目目录,新建一个跟pages同等级的文件夹,然后把想要分包的文件 先复制

    2024年02月11日
    浏览(56)
  • uniapp微信小程序系列(2)pages.json实用配置详解

    本篇主要介绍其中几个实用的配置: 1. 配置应用级别样式、tabBar样式 2. 配置前端页面路由、分包路由 3. 配置easycom全局组件(组件无需import引入直接使用) 创建一个包含首页、我的两个tabBar模块的应用布局,配置参数如下: 详细配置功能,请参考配置后的注释 以下配置中

    2023年04月08日
    浏览(75)
  • 微信小程序分包后报错:[获取文件失败] 以下文件已被配置忽略打包上传,模拟器无法获取: package1/package1/pages/dailyAdmin/index.js

    微信小程序分包后报错: [获取文件失败] 以下文件已被配置忽略打包上传,模拟器无法获取: package1/package1/pages/dailyAdmin/index.js 解决办法: 1、在微信开发者工具中,右上角点击详情--去掉这个选项   2、在setting中新增:  3、再次编译就没有报错了。但是好像是一次性的。报

    2024年02月16日
    浏览(65)
  • 使用uniapp在打包微信小程序时主包和vendor.js过大(uniCloud的插件分包)

    正常的的微信小程序在编译后,主包应保持在2MB左右(限制最大2MB),其余的文件通过分包来进行加载  但是有的情况下,微信小程序的主包能达到3MB,vendor.js会达到1.5MB 当你发现的你的微信vendor.js只有1个文件夹,且这个文件非常大时,首先需要检查 manifest.json 在这个文件夹

    2024年02月02日
    浏览(72)
  • 【一步搞定】uniapp运行微信小程序时报错routeDone with a webviewId ** that is not the current page

    每次刷新还不同webviewId!! 每次刷新还不同webviewId!! 已试过其他帖子,设置pages.json的配置仍旧无效的,可以继续往下。 小程序基础库支持的问题。 基础库版本 版本 实测效果 3.0 无效 2.33.0 无效 2.32.3 无效 2.32.1 无效 2.30.4 无效 2.29.2 无效 2.28.1 无效 2.27.3 无效 2.26.2 有效 点

    2024年04月09日
    浏览(109)
  • uniapp开发微信小程序分包处理实录

            uniapp开发微信小程序上传代码时可能会遇到项目过大问题,今天就结合自己的实际操作简单记录下如何处理项目代码超出限制问题。         常用的操作就是将项目中的图片访问由本地访问修改为网络访问,微信开发者工具上传代码时勾选相关的压缩文件选项

    2024年02月03日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包