uniapp 微信小程序开启分包

一条有梦想的咸鱼啊丶

已于 2022-01-21 10:44:00 修改

阅读量757

点赞数

文章标签：微信小程序前端小程序

于 2022-01-21 10:41:17 首次发布

本文链接：https://blog.csdn.net/li2406608527/article/details/122616204

版权

本文介绍了如何在uniapp中为微信小程序开启分包功能。通过修改manifest.json配置文件，启用optimization设置，并理解主包与分包的目录结构。分包页面路径需在page.json的subPackages节点下进行配置。

摘要由CSDN通过智能技术生成

首先打开配置文件（manifest.json）在小程序相关配置中开启分包模式（optimization配置）。

    /* 小程序特有相关 */
    "mp-weixin" : {
   
        "appid" : "wxa6774d5dab610aab",
        "setting" : {
   
            "urlCheck" : false,
            "minified" : true

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一条有梦想的咸鱼啊丶

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Uniapp微信小程序分包

yanling_061的博客

08-17

445

2. 配置pages.json，新增"subPackages": []数组，分别配置root属性和pages属性，root是分包的名称，pages接收分包下的页面配置，配置写法等同于上级的pages。## 额外的还可以配置在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度。- 主包，用来放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本。- 分包，其他除了启动页面/TabBar页面外的页面，和每个分包页面下所需要使用的组件。......

小程序分包

祥哥的说

12-23

933

1、问题背景–为什么要进行分包？新需求开发时，发现在开发者工具中编译预览时，提示超过了最大主包限制2MB。 微信小程序：整个小程序所有分包大小不超过 20M 单个分包/主包大小不能超过 2M 支付宝、百度小程序：整个小程序所有分包大小不超过 8MB。单个分包或主包大小不能超过 2MB。 2、问题处理–进行拆包主包：即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；分包：则是根据开发者的配置进行划分。（1）在app.json中通过subpackages

参与评论您还未登录，请先登录后发表或查看评论

如何在uniapp对页面进行分包处理

weixin_47970498的博客

08-24

774

在使用分包功能时，需要合理使用，避免过度使用，同时需要注意维护好分包之间的依赖关系，确保分包的加载顺序正确。通过合理使用 uniapp 分包功能，可以提高应用的性能和用户体验，为用户带来更好的使用体验。

uni-app小程序分包详细步骤~（保姆级）

最新发布

m0_62626838的博客

07-21

681

1、首先需要明白小程序的主包是pages文件夹，当我们需要分包时，将主包的pages文件夹中的页面文件按需剪切至一个新的文件夹中（例如我们在根目录下新建一个pageA文件夹，里面新建一个pages文件夹，此时将页面文件剪切至此）于是小程序提供了分包的解决方法，将一个完整的的小程序，在打包时分成不同功能或需求的分包，在用户使用时再加载对应的分包。2、按需将static的静态文件也赋值到pageA中（静态文件按需保留，该分包中未使用到的静态文件删除掉即可）4、修改uniapp关于改分包页面文件的路由跳转路径。

uniapp不用分包！！6M以下的代码量直接压缩代码就行，不用分包那么麻烦！！

zsq199771的博客

12-30

2229

好了继刚说的分包功能我发现uniapp有个运行压缩功能！我6M的代码量，压缩到小程序代码后为1987K < 2M哈哈哈哈好了你们6m以下的代码不用去愁分包了，我也撤销分包操作了哈哈哈哈

uniapp 分包组件问题

weixin_42762981的博客

09-14

3268

uniapp 分包组件

uniapp如何优雅的开发微信小程序，uniapp避免分包

qq_41364614的博客

02-27

654

uniapp开发微信小程序避免分包

uniapp微信小程序之分包异步化之组件分包

jie_rookie的博客

10-10

2493

如何在uniapp中使用微信小程序的组件分包异步化

uniapp开发微信小程序分包问题

故里2130

03-30

306

当我们开发完成小程序后，上传时，出现上传失败，此时就需要我们进行分包处理。5.1这里我配置的就是pages的，里面1个首页，2个tabBar页。此时，这里就出现了主包和分包，就已经表示分包完成了。除过第一个pages，后面4个都是要进行分包的。pages里面，必须放首页和tabBar的页面。5.2剩下的4个分包，都按照这个格式进行配置。可以看到都是主包，表示没有进行分包处理。后面的4个都是分包，分别当做一个整体包。参考第一个，就可以配置其他页面了。我们可以点击本地代码，进行查看。

uniapp微信小程序项目的分包实现

然后不二

12-02

1231

uniapp、微信小程序、分包、静态资源

UniApp集成微信小程序原生分包

前端_小学生的博客

11-01

1274

Uniapp 集成微信原生代码文件

解决使用uniapp开发微信小程序时主包太大和vendor.js过大无法打包的问题

sunsineq的专栏

10-16

1934

uni-app的编译器在webpack配置中特殊处理了这个uni.scss，使得每个scss文件都被注入这个uni.scss，达到全局可用的效果。使用分包之后会发现遇到了一个奇怪的问题，子包的组件和js文件会被打包到主包的vendor.js文件中，这就导致了vendor.js过大。除了TabBa的页面，其他的页面进行分包处理，保证主包的大小，因为在编译后那些静态js和组件也会放入主包中，分包方式官网有详细解释。2、配置好重行运行，会发现分包的js文件将不会再打包到主包的vendor.js中了。

uniapp分包引入组件页面不显示

Li_FK_quanshijie的博客

10-18

4948

背景：又个uniapp项目，因为包体积太大，无法上传发布，所以另一个前端同学给项目做了个瘦身（问题就出在这）问题：在页面中引入了一个自定义组件，页面却一直不显示，但是请求数据、打印数据都是可以的，系统无报错（百思不得其解）修复：我们项目中有两个分包，subpackagesA，subpackagesB，原因是那个自定义组件是在subpackagesA中的，我是在subpackagesB中使用的，对，就是这么骚气的使用方式就这样，把组件转到主包里就Ok了 微信小程序文档中，分包配置里也有描述.

[uni-app] 微信小程序 - 组件找不到/导入报错 (分包问题导致)

iOSTianNan的博客

07-24

5312

我们先来假设一个场景,如果小程序进行了分包操作, 其中有个公共组件需要被各个。尝试了清缓存\重启\删项目等一些列操作均无效。,本身是被分包处理了, 他是作为子包存在的(这个子包中, import同级别的子报。依赖使用, 那显然我们会将该组件放置在。由于项目刚接手,还未仔细观察分包结构,上面两个路径中, 都存在一模一样的。切换了个路径下的组件, 导入失败,, 就会出现导入报错失败的提示,这也说明了, import。组件的import的父组件。这里的问题就出在了分包,

uniapp创建微信小程序常见问题（持续更新！）

GLimerence的博客

05-10

983

uniapp开发微信小程序常见问题

uniapp开发微信小程序分包找不到static文件夹

青春不打烊的博客

03-13

4626

原因：开发微信小程序因为主包太大上传不到微信后台，分包处理，中间因为没有仔细看文档出现static找不到的问题！注意上边这句话，配置路由的时候把路径匹配对就好了。 ...

uniapp和小程序如何分包，详细步骤手把手（图解）

weixin_64051447的博客

05-08

6849

每个使用分包小程序必定含有一个。所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而则是根据开发者的配置进行划分。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更好的解耦协作。

uniapp微信小程序分包，页面和图片都分包怎么做

05-13

Uniapp 的微信小程序分包可以通过以下步骤实现： 1. 在 `manifest.json` 文件中，使用 `subPackages` 字段来指定分包的配置。例如： ```json { "subPackages": [ { "root": "pages/subPackage1", "pages": [ "index", "detail" ] }, { "root": "pages/subPackage2", "pages": [ "index", "detail" ] } ] } ``` 2. 在分包的根目录下，创建对应的页面文件和图片资源文件夹。 3. 在页面中使用分包内的图片资源时，需要使用相对路径，例如： ```html <template> <view> <image src="../../static/subPackage1/images/avatar.png"></image> </view> </template> ``` 注意，分包内的页面只能通过分包内的相对路径进行跳转，不能通过全局路径跳转。例如： ```javascript // 错误的跳转方式 uni.navigateTo({ url: '/pages/subPackage1/index' }) // 正确的跳转方式 uni.navigateTo({ url: '../../subPackage1/index' }) ``` 以上就是 uniapp 微信小程序分包页面和图片的实现方法。