小程序開發之分包加載

小程序開發大小限制2M讓不少人感到頭疼，明明還有很多東西還沒有放上去，卻要忍受着大小的限制，一遍一遍的進行項目的優化。有時候代碼還沒擼多少，圖片就已經占了將近多一半，很是頭疼。不過好在官方提出一種分包加載機制解決這種哦辦法。

       

    "pages": [
        "pages/home/index",
        "pages/center/center"
    ], 
    "subPackages": [
        {
            "root": "packageA",
            "pages": [
            "pages/star/star",
            "pages/personal/personal"
            ]
        }，
        {
            "root": "packageB",
            "pages": [
            "pages/xx/xx",
            "pages/xx/xx"
        }
    ],

　　

目錄結構如圖

 

注：需要注意的是，我們需要將小程序剛打開的時候的頁面放在主包內，分包可以放置一些功能模塊。

• 整個小程序所有分包大小不超過 8M
• 單個分包/主包大小不能超過 2MpackageA 無法 require packageB JS 文件，但可以 require app、自己 package 內的 JS 文件
• packageA 無法 import packageB 的 template，但可以 require app、自己 package 內的 template
• packageA 無法使用 packageB 的資源，但可以使用 app、自己 package 內的資源