【一步步開發AI運動小程式】十四、主包超出2M大小限制，如何將插件分包發佈？

隨著人工智慧技術的不斷發展，阿裡體育等IT大廠，推出的“樂動力”、“天天跳繩”AI運動APP，讓雲上運動會、線上運動會、健身打卡、AI體育指導等概念空前火熱。那麼，能否將這些在APP成功應用的場景搬上小程式，分享這些概念的紅利呢？本系列文章就帶您一步一步從零開始開發一個AI運動小程式，本系列文章將使用“雲智AI運動識別小程式插件”，請先行在微信服務市場或官網瞭解詳情。

一、小程式的程式包限制

引用插件後，導致程式包超出2M的限制的問題，是我們插件廣大調用者，拿到插件後最常咨詢的問題，插件由於識別引擎代碼量較大，所以占用的空間確實偏大，但我們可以通過分包的方案來輕鬆解決這個問題。下麵我們就來看如何實現分包，要使用分包之前，請先閱讀官方分包文檔https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html

二、插件分包建議方案

我們建議各開發者，將插件及運動識別相關組件、頁面放置到一個獨立的分包中，如module-sport，並做適當的分包預載入配置，這樣便可以讓運動相關功能代碼包，即不占用主包和其它子包的代碼空間，又兼顧載入性能。特別是已有應用集成，就不會影響任何現有功能了。

三、在uni-app中實現分包

3.1、劃立運動分包

在項目的中新建一個名module-sport的文件夾，做為分包文件夾，將所有AI運動相關的組件、頁面、JS文件、靜態資源全部放入其中。

3.2、在mainifest.json文件中配置分包優化

用記事本或其它編輯器（HBuilderX不能編輯mainifest.json）編輯項目的mainifest.json文件，找到mp-weixin節，添加分包優化選項，如下圖所示：

"mp-weixin" : {
        "appid" : "wx6130e578c4a26a1a",
        "setting" : {
            "urlCheck" : false,
            "minified" : true,
            "postcss" : false
        },
        "usingComponents" : true,
        "optimization" : {
            "subPackages" : true //開啟分包優化
        }
    }

3.3、在pages.json文件中註冊分包

"subPackages": [{
	"root": "module-sport",
	"pages": [{
		"path": "pages/sport",
		"style": {
			"navigationBarTitleText": "運動檢測演示",
			"enablePullDownRefresh": false
		}
	}...],
	"plugins": {
	//將插件放在子包中引用，則插件將占用子包空間
		"aiSport": {
			"version": "1.0.16",
			"provider": "wx6130e578c4a26a1a"
		}
	}
}]

3.4 在pages.json加入運動分包預載入，加速包下載

"preloadRule": {
	"pages/welcome": {
	"network": "all",
		"packages": ["module-sport"]
	}
},

到此便實現了將運動功能分包及載入優化，我們為您準備了完整的分包Demo參考項目，插件調用用戶請聯繫我們索取。

四、在原生小程式中實現分包

由於原生的分包配置相對更簡便，操作也大同小異，按照官方文檔操作即可，就不在此贅述了，插件調用用戶也可直接向我們索引取原生版的分包Demo參考項目。

五、分包效果

接下來我們看看分包前與分包後的代碼大小對比，如下兩圖所示：

好了分包就為您介紹到，下篇我們將為您介紹，運動識別時如何判斷人體遠近問題，敬請期待...