uniapp subPackagesサブパッケージの読み込み構成

1.下請負荷積載構成

サブパッケージのロード構成。この構成は、アプレットのサブパッケージロードメカニズムです。
subPackagesノードは配列を受け取ります。配列の各項目は適用されたサブパッケージであり、そのプロパティ値は次のとおりです
ここに画像の説明を挿入

subPackages内のページのパスは、完全なパスではなく、ルートの下の相対パスです。
WeChatおよびBaiduアプレットの各サブパッケージのサイズは2Mであり、合計ボリュームは8Mを超えることはできません。
Alipayアプレットの各サブパッケージのサイズは2Mであり、合計容量は4Mを超えることはできません。
下請けの静的リソースを下請けの下で独立した静的ディレクトリをサポートします。
ユニアプリは、WeChatアプレット、QQアプレット、Baiduアプレットの最適化をサポートしています。静的リソースまたはjsファイルをサブパッケージに入れても、メインパッケージのサイズは占有されません。詳細については、以下を参照してください:外注の最適化に関する注意事項
。vendor.jsが大きすぎる場合は、ランタイム圧縮コードを
使用して、HBuilderXによって作成されたプロジェクト作成できます。実行->アプレットシミュレーターに対して実行->コード
cliによって作成されたプロジェクトが実行時に圧縮されるかどうかを確認します。pacakge.jsonの例では、パラメータは-minimize追加することができます: "DEV:MP-weixin" : "--minimize --watchクロスENV NODE_ENV =開発UNI_PLATFORM = MP-weixin VUE-CLI-サービスユニビルド"
を使用します:

サブパッケージのuni-appディレクトリ構造が次のとおりであると想定し
ここに画像の説明を挿入
ます。pages.jsonに入力する必要があります

{
    "pages": [{
        "path": "pages/index/index",
        "style": { ...}
    }, {
        "path": "pages/login/login",
        "style": { ...}
    }],
    "subPackages": [{
        "root": "pagesA",
        "pages": [{
            "path": "list/list",
            "style": { ...}
        }]
    }, {
        "root": "pagesB",
        "pages": [{
            "path": "detail/detail",
            "style": { ...}
        }]
    }],
    "preloadRule": {
        "pagesA/list/list": {
            "network": "all",
            "packages": ["__APP__"]
        },
        "pagesB/detail/detail": {
            "network": "all",
            "packages": ["pagesA"]
        }
    }
}

2. preloadRuleはサブパッケージのプリロード構成です

サブパッケージのプリロード構成。preloadRuleでは、キーはページパスで、値はこのページに入るダウンロード前の構成です。各構成には次の項目があります。

ここに画像の説明を挿入

29件の元の記事が公開されました 高く評価しました 40 訪問30,000+

おすすめ

転載: blog.csdn.net/xiyunmengyuan/article/details/105409779