uniapp微信小程序-分包

一、为什么要分包

微信小程序每个分包的大小是2M,总体积一共不能超过20M,当然你也可以提升启动速度,降低首次加载时间,模块化开发,按需加载,提高性能。

二、分包步骤 

1.首先在 mainfest.json mp-weixin添加以下代码(启动分包)

"optimization": {"subPackages": true}

2.项目结构改变,添加分包目录

├── pages             // 主包页面
│   └── index
├── subpackage1       // 分包1
│   ├── page1
│   └── page2
├── subpackage2       // 分包2
│   ├── page3
│   └── page4
├── app.js
├── app.json
├── app.wxss

解释一下:subpackage1  subpackage2 就是你要分出去的包这里面就要写你写的项目比如首页啊什么的但是注意tabar栏的内容不能分

3.路径也成相对分包的变一下 

	"subPackages": [{"root": "subpackage1       ","pages": [	{"path": "","style": {}},{"path": "","style": {}},{"path": "","style": {}}]}],

subPackages这里面写分包内容的路径,就跟pages写路径一样,但是分包不用写前面的pages直接就 index/index就行

	"path": "pages/index/index",

四、分包细节和注意事项 

1.点击运行时压缩代码才能看到真的小程序多大

2. 查看项目多大,主包和分包多大
a.首先点击右上角详情

b.点击代码依赖分析

C.就可以看到你的包是否需要分了

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/657880.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ORA-01031: insufficient privileges

数据库密码过期了,通过如下命令: sqlplus / as sysdba 还是会报ORA-01031: insufficient privileges错误。 有人说是登录用户名不属于dba组造成的,后来 查看了用户组和用户都隶属于dba组,但是还是提示这个错误。 提示ORA-01…

idea创建golang项目

目录 1、设置环境 2、创建项目 3、设置项目配置 4、初始化项目 5、安装本项目的外部依赖包 6、运行项目 7、访问页面查看结果 1、设置环境 1 启用 Go Modules 功能go env -w GO111MODULEon 2. 阿里云go env -w GOPROXYhttps://mirrors.aliyun.com/goproxy/,direct上述命…

字符串:getline、删除子串.erase()函数、插入子串.insert()函数

getline具体用法: 1、函数形式 getline ( cin,字符串类型:变量名);//默认以换行符结束 getline (cin, 字符串类型:变量名, ‘指定的结束符’); //指定换行结束符 2注意事项: 1)如果在使用getline()之前有使用scanf(…

大数据分析案例-基于随机森林算法构建电影票房预测模型

🤵‍♂️ 个人主页:艾派森的个人主页 ✍🏻作者简介:Python学习者 🐋 希望大家多多支持,我们一起进步!😄 如果文章对你有帮助的话, 欢迎评论 💬点赞&#x1f4…

Coppeliasim同步模式介绍

同步模式 在倒立摆demo中,打开 synchronous_enable True 后,会发现仿真变慢了,接下来将对同步模式进行介绍。 # simxSynchronous()函数的第一个参数是连接的ID,第二个参数是是否开启同步模式 vrep_sim.simxSynchronous(clien…

怎 么 优 化 H5 让 它 可 以 在 300ms 之 内

减少HTTP请求数量:将多个小的CSS和JavaScript文件合并为一个文件,减少HTTP请求的数量。可以使用工具如Webpack、Parcel等打包工具对代码进行打包合并。 使用缓存:通过设置适当的缓存策略,让浏览器缓存静态资源(如CSS、…

Java设计模式【工厂模式】

Java设计模式【工厂模式】 前言 三种工厂模式:简单工厂模式、工厂方法模式、抽象工厂模式; 创建型设计模式封装对象的创建过程,将对象的创建和使用分离开,从而提高代码的可维护性和可扩展性 简单工厂模式 概述:将…

机房建设的陷阱与规范

在数字化时代,数据中心的建设变得愈发重要,然而,许多集成商在机房建设中存在一些常见的误区。他们往往将机房建设仅仅定义为能源设备的安装和装修,而忽略了甲方的网络应用、服务器应用以及网络与服务器之间的连接应用。这导致了一…

前端-Vue項目初始化

大家好我是苏麟 , 今天聊聊前端依赖 Ant Design Vue 快速初始化项目 . Ant Design Vue官网 : 快速上手 - Ant Design Vue (antdv.com) 初始化项目 1.找到文档->快速上手 脚手架命令 : npm install -g vue/cli 2.找到一个文件夹(不要在中文路径) 下打开cmd窗口输入脚手架…

设计一个本地缓存

注意点 数据结构: 设计用什么数据结构存储。最简单的就直接用Map来存储数据,或者复杂想redis一样提供了多种数据类型哈希,列表,集合,有序集合等,底层使用了双端链表,压缩列表,集合&…

威联通docker安装青龙面板

威联通容器界面改版很多,没直接找到新版设置方法,自己摸索了一下做个记录。 一、配置docker镜像源 威联通默认的库地址国内无法直接方法,需要先配置国内镜像源。 在容器工作者中选择“存储库”,点击添加 第一个“提供商”里选…

FPS游戏框架漫谈第五天

今天想了想整理下AnimatorManager 他的职责是负责动画的播放,那么在介绍该对象具备的对外接口,必须先介绍下拥有动画的对象他是怎么管理动画数据的,打个比方如果我们一个把武器需要播放开火动画,那么我们基于unity引擎可视化动画编…

【代码随想录-链表】两两交换链表中的节点

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kwan 的首页,持续学习,不断总结,共同进步,活到老学到老导航 檀越剑指大厂系列:全面总结 jav…

dcat admin + dingo + nginx 开发前台

前言 Dcat Admin 是一个功能强大的后端框架,主要用于开发管理后台。然而,大多数网站不仅需要一个管理后台,还需要一个用户界面,即“前台”,以及它们自己的用户系统。 为了实现这一目标,我们需要对 Dcat A…

Leetcode—1828. 统计一个圆中点的数目【中等】

2024每日刷题&#xff08;一零五&#xff09; Leetcode—1828. 统计一个圆中点的数目 实现代码 class Solution { public:vector<int> countPoints(vector<vector<int>>& points, vector<vector<int>>& queries) {vector<int> a…

2023美赛A题之Lotka-Volterra【完整思路+代码】

这是2023年的成功&#xff0c;考虑到曾经付费用户的负责&#xff0c;2024年可以发出来了。去年我辅导队伍数量&#xff1a;15&#xff0c;获奖M为主&#xff0c;个别F&#xff0c;H&#xff0c;零S。言归正传&#xff0c;这里我开始分享去年的方案。由于时间久远&#xff0c;我…

【Java之树】

二叉树 性质 1, 我们把树中结点的第一个子结点作为这个结点左结点 2, 我们把一个结点右兄弟结点, 作为右结点 通过上述操作可以将普通的树转换为二叉树 二叉树中的节点最多有两个子节点&#xff0c;左右子节点有严格划分&#xff0c;次序不能颠倒 特点&#xff1a; 二叉…

android远程投屏应用

客户端app地址&#xff1a;https://gitee.com/youzilzk/blue1.git 服务端地址&#xff1a;https://gitee.com/youzilzk/blue-server1.git 一。服务端部署 1.安装postgres 2.导入项目下blue.sql文件 3.修改配置application.properties和config.properties&#xff0c;其中applic…

AMiner平台简介

AMiner是由清华大学计算机科学与技术系教授唐杰率领团队建立的&#xff0c;具有完全自主知识产权的新一代科技情报分析与挖掘平台。&#xff08;摘自用户手册&#xff09; 按照惯例我们给出网址&#xff1a;https://www.aminer.cn 我们来一起探索一下相关板块及应用。 1.科研…

华为手表应用APP开发:watch系列 GT系列 1.配置调试设备

表开发:GT3(1)配置调试设备 初环境与设备获取手表UUID登录 AppGallery Connect 点击用户与访问初 希望能写一些简单的教程和案例分享给需要的人 鸿蒙可穿戴开发 支持外包开发:xkk9866@yeah.net 环境与设备 系统:window 设备:HUAWEI WATCH 3 Pro 开发工具:DevEco St…