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.就可以看到你的包是否需要分了

相关推荐

  1. uniapp_程序_NaN

    2024-02-01 19:06:01       11 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-01 19:06:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-01 19:06:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-01 19:06:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-01 19:06:01       20 阅读

热门阅读

  1. HIVE的数据类型-整型

    2024-02-01 19:06:01       37 阅读
  2. MySQL与PgSQL的优缺点对比

    2024-02-01 19:06:01       32 阅读
  3. SQL分页写法

    2024-02-01 19:06:01       33 阅读
  4. 征集各位的意见

    2024-02-01 19:06:01       28 阅读
  5. 【风水】-- 家居风水四大注意事项

    2024-02-01 19:06:01       30 阅读
  6. MySQL执行顺序

    2024-02-01 19:06:01       42 阅读
  7. C++面试题

    2024-02-01 19:06:01       33 阅读
  8. 「HarmonyOS」EventHub事件通知详细使用方法

    2024-02-01 19:06:01       45 阅读
  9. 一篇文章了解正则表达式的替换技巧

    2024-02-01 19:06:01       33 阅读