小さなプログラム: uniapp は vendor.js が大きすぎるという問題を解決します

1. 環境紹介

uniapp + HBuilderX

2. 問題の説明

実際のマシンでデバッグすると、パッケージの送信が大きすぎると表示され、QR コードを生成できず、後でコードをアップロードすることさえできません

3. コード パッケージ サイズの最適化

コード パッケージ サイズの最適化 | WeChat Open Documentation

3.1. 画像などの静的リソースをサーバーに配置し、アプレットがサーバーのファイルアドレスを参照します (画像が多い場合は、多くのボリュームを節約できます)。
プロジェクトは、下部ナビゲーションのアイコンのみを保持します。

3.2. 業態別下請処理(下請後は1梱包の量が激減):

サブパッケージの使用 | WeChat Open Documentation

"optimization":{
    "subPackages":true
}

3.3. 実行時にコードを圧縮する (ボリュームが大幅に削減され、テスト プロジェクトは 400 kb 以上削減されます)

 

圧縮前:

 これらの手順の後、コード ボリュームは次のようになります。

2M 未満のコードで、プレビュー、デバッグ、アップロード用の QR コードを既に生成できます 

3.4. 以下の項目を確認してください。

3.5. チェック後、ここに渡されます。

manifest.json はオンデマンド インジェクションを構成します。

"lazyCodeLoading": "requiredComponents"

構成がここに渡された後 

 

3.6. 重要なポイントは、無駄なコードを時間内にクリーンアップすることです 

3.7. コードをパッケージ化した後、アップロード時にコードのサイズが制限を超えていることを示すプロンプトが表示されます. この時点で、WeChat 開発ツールを閉じて、再度開き、アップロードします. アップロードは成功します. 同様の状況がたくさんあります.後で。

4.交換と修正を歓迎し、私に注意を払い、一緒に学びましょう 

5.参照リンク:

vendor.js が大きすぎる問題を解決

Vue パッケージ最適化ソリューション (vendor.js が大きすぎる問題を解決するため)_Huanghe Ailang のブログ - CSDN ブログ_vendor.js

Vue パッケージ最適化ソリューション (vendor.js が大きすぎる問題を解決するため)_Huanghe Ailang のブログ - CSDN ブログ_vendor.js

https://www.jb51.net/article/164542.htm

uni-app project vendor.js 大きすぎる処理方法 - ブリーフブック

uniapp アプレットを下請けする方法は? あなたに教える完全で詳細な手順_Mu Qing゚のブログ-CSDN blog_uniapp下請け

uni-app コンパイル後に vendor.js ファイルが大きすぎる問題を解決

uni-app をコンパイルした後に vendor.js ファイルが大きすぎる問題を解決する方法 / Zhang Shengrong

ミニ プログラム パフォーマンス最適化ガイド | WeChat オープン コミュニティ

コンポーネント「lazyCodeLoading」のオンデマンド インジェクションを有効にする uniapp アプレット: 「requiredComponents」_One Jin Code ブログ - CSDN ブログ

オンデマンド注入と時間のかかる注入 | WeChat Open Documentation

おすすめ

転載: blog.csdn.net/snowball_li/article/details/125440987