2024年最新小程序分包实践(1)，2024年最新这些面试官常问的开发面试题你都掌握好了吗

最后

为了帮助大家更好的了解前端，特别整理了《前端工程师面试手册》电子稿文件。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

为什么要使用分包

---

首先是业务方面，对小程序进行分包，可以优化小程序首次启动的下载时间；

其次是技术方面，多团队共同开发时可以更好的解耦协作；

最后是微信方面，对于小程序的单个分包/主包大小不能超过 2M。

如何选择分包

---

分包主要分为普通分包和独立分包，主要的区别在于

• 独立分包中不能依赖主包和其他分包中的内容，包括js文件、template、wxss、自定义组件、插件等。主包中的app.wxss对独立分包无效、；

• App 只能在主包内定义，独立分包中不能定义 App，会造成无法预期的行为；

• 独立分包中暂时不支持使用插件。

因此，我们选择分包大都选择普通分包，除非是该分包相较于主程序独立，不会产生依赖。

使用普通分包

---

配置方法

小程序目录结构如下：

├── app.js

├── app.json

├── app.wxss

├── packageA

│ └── pages

│ └── dog

├── packageB

│ └── pages

│ ├── apple

│ └── banana

├── pages

│ ├── index

│ └── logs

└── utils

配置 app.json

{

“pages”:[

“pages/index”,

“pages/logs”

],

“subpackages”: [

{

“root”: “packageA”, // 分包根目录

“pages”: [

“pages/dog”

]

}, {

“root”: “packageB”,

“name”: “pack2”, // 分包别名，分包预下载时可以使用(可选参数)

“pages”: [

“pages/apple”,

“pages/banana”

]

}

]

}

注意事项：

• subpackage 的根目录不能是另外一个 subpackage 内的子目录

• tabBar 页面必须在 app（主包）内

• 分包中不能依赖其他分包中的内容，但可以引用自己和主包的资源。

使用独立分包

---

独立分包是小程序中一种特殊类型的分包，可以独立于主包和其他分包运行。从独立分包中页面进入小程序时，不需要下载主包。当用户进入普通分包或主包内页面时，主包才会被下载。

配置方法

配置方法跟普通分包类似，只需要在app.json分包配置下新增 “independent”: true

{

“subpackages”: [

{

“root”: “moduleB”,

“pages”: [

“pages/pear”,

“pages/pineapple”

],

“independent”: true //独立分包

}

]

}

注意事项

（1）关于 getApp()

与普通分包不同，独立分包运行时，App 并不一定被注册，因此 getApp() 也不一定可以获得 App 对象：

最后

总的来说，面试官要是考察思路就会从你实际做过的项目入手，考察你实际编码能力，就会让你在电脑敲代码，看你用什么编辑器、插件、编码习惯等。所以我们在回答面试官问题时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

时，有一个清晰的逻辑思路，清楚知道自己在和面试官说项目说技术时的话就好了

[外链图片转存中…(img-Ah3LXxZS-1715750835744)]

[外链图片转存中…(img-9vnu6njC-1715750835745)]

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】