mpvue分包加載

微信小程序打包大小不能超過2m,不然不能發佈vue

clipboard.png

官網的說明:
clipboard.pngjson

mpvue的解決辦法:小程序

package.json中"mpvue-loader": 1.1.2版本以上的均可以經過配置解決問題,下面舉個例子微信小程序

目錄結構: 微信

clipboard.png

修改src/app.jsonapp

{
    "pages":[
        "pages/index/main",
        "pages/logs/main"
    ],
    "subPackages":[
        {
            "root":"pages/sdxgl/",
            "pages":[
                "index/main",
                "credential/main"
            ]
        },
        {
            "root":"pages/crs/",
            "pages":[
                "no-need-fill/main",
                "resident-type/main"
            ]
        },
        {
            "root":"pages/uc-information/",
            "pages":[
                "user-info/index/main",
                "user-info/phone-new/main"
            ]
        }
    ]
}

分包前的主包有2m,分包後就只有1m左右了ide

clipboard.png

須要注意的是子包之間不能相互依賴,子包中依賴的圖片,三方組件等要放到子包中,不能放到外層公共區,負責會被打進主包。spa

相關文章
相關標籤/搜索