微信小程序 主包與分包的控制大小
為了讓用戶有更好的體驗，小程序于是限制包的大小為2M，在開發(fā)中，我們經(jīng)常會出現(xiàn)內(nèi)容過大的問題，于是要進行包的大小控制，分包就是一個很好的方式，小程序分包 的好處，分包及將代碼進新分塊，有點微服務(wù)的概念，
1、為什么要分包？
- 為了讓用戶有更好的體驗，小程序于是限制包的大小為2M
- 在開發(fā)中，我們經(jīng)常會出現(xiàn)內(nèi)容過大的問題，于是要進行分包控制包的大小
2、分包的好處
- 其實分包就是 就是把程序打包成兩個包，用戶默認進入的是主包 我們只要控制小程序的主的大小在2M以內(nèi)就可以了
- 不同的分包的之間的功能相對獨立，便于管理和訪問
3、實踐分包
這是官方的小程序官方分包鏈接主要分以下幾個步驟
3.1 使用 subpackages 關(guān)鍵字配置目錄結(jié)構(gòu)
使用關(guān)鍵字 配置分包
{
"pages":[
"pages/index",
"pages/logs"
],
"subpackages": [
{
"root": "packageA",
"pages": [
"pages/cat",
"pages/dog"
]
}, {
"root": "packageB",
"name": "pack2",
"pages": [
"pages/apple",
"pages/banana"
]
}
]
}
3.2 使用原則
一、不同的分包如：分包A 不要去使用分包B里的資源或者文件，因為加載順序的話，先主包再分包。根據(jù)訪問的東西去加載對應(yīng)的分包資源，不利于管理，且不利于訪問性能性能
二、因為訪問原理的原因，我們的菜單欄 公共樣式 應(yīng)該放到主包，因為菜單欄是必要的展示的，公共樣式是每個分包的都需要的東西
3.3 如果使用了webpack 打包工具則需要修改打包配置
需要在webpack.base.conf 打包配置里 的getEntry函數(shù)里進行配置文章來源：http://www.zghlxwxcb.cn/news/detail-597765.html
glob.sync(rootSrc + ‘/分包名/**/main.js’)
.forEach(file => {
var key = relative(rootSrc, file).replace(‘.js’, ‘’);
map[key] = file;
});
這樣打包完 在dist下會有一個文件夾是自己分包文件夾
文章來源地址http://www.zghlxwxcb.cn/news/detail-597765.html
到了這里，關(guān)于微信小程序 主包與分包的控制小程序大小的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
