最近、フロントエンドJSファイルをマージする方法について考えています。もちろん、マージできないファイルではなく、マージできるファイルが含まれています。それについて考えた後、3つの方法しかないはずです。
3つの方法は次のとおりです。
1.大きなファイル、すべてJSが1つの大きなファイルにマージされ、すべてのページがそれを参照します。
2。各ページは大きなファイルであり、各ページがマージして独自のJSの大きなファイルを生成します。
3.複数の共有大きなファイルをマージし、練習に応じて複数の共有JSファイルをマージし、各ページは複数の共有大きなファイルを参照します。
さらに、私の意見では、Mergeには2つの目的があります。
1。リクエストの数を減らすため。
2。コードセキュリティの考慮事項（より多くのファイルが分割されるほど、はっきりと見えやすくなります）。
PS：私が話しているのは圧縮の混乱ではないことに注意してください。
1.大きなファイル
これにより、状況に関係なくすべてのJSを大きなファイルにマージすることであり、すべてのページは、たとえコードが使用されない場合でも、それを参照します。
アドバンテージ：
（1）。マージが簡単で使いやすいです。
（2）。他のページは、キャッシュの最適化を使用してロードできます。
欠点：
（1）。このページは、このページでは使用されていないコードにロードされる場合があります。
適用されないシナリオ：
（1）。この方法は大規模なWebアプリケーションには間違いなく適していません。単一ファイルコードの量に関係なく、ビジネスの複雑さはこれを行うことができません（このWebサイトがこれを行うのを見たことがありません）。
該当するシナリオ：
（1）。ハイブリッドアプリケーションは、モバイルのハイブリッドアプリケーションであろうと、PCのハイブリッドアプリケーション（YouDaoチーム開発フレームワークHex+Chromium+nodejsに似たデスクトップアプリケーション）であろうと、非常に適しており、リクエスト速度の問題はありません。クライアントコードにあるこのようなアプリケーションのコードセキュリティがより重要です。
PS：もちろん、最も重要なことはバックエンドのセキュリティです。フロントエンドがひび割れているかどうか、バックエンドが入力検証を改善するかどうか、および権限の行き過ぎを防ぐかどうかに関係なく、バックエンドが鍵であり、「ユーザーからの入力を信頼しないでください」ということを意味します。
2。各ページに大きなファイル
各ページをマージして、独自のJSの大きなファイルを生成し、複数のJSマージを生成します。
アドバンテージ：
（1）。各ページは最も正確なJSを使用し、無関係なコードはありません。
欠点：
（1）。多くのページがあり、複数のJSが生成され、一般的なJSコードで大量の冗長性が生成されます。
（2）。共有部品は、キャッシュの最適化を使用してロードすることはできません。
（3）。マージと使用は比較的複雑になります。
私はいつもこの方法で何かがおかしいと思います。小さなアプリケーションは大きなファイルで直接処理でき、大きなアプリケーションはこれを行わず、ハイブリッドアプリケーションでは使用できません。この場合、インストールパッケージサイズが重要な場合、冗長コードを許容できません。さまざまなシナリオについて考えていたとき、上記の方法以下を使用して解決できることがわかりました。
3.複数の共有大きなファイルをマージします
実践によれば、複数の共有された大きなファイル（依存関係ライブラリ分類など）をマージし、必要なJSファイル（ビジネス分類など）をマージすると、各ページは1つ以上の共有の大きなファイルとこのページのJSファイルを指します。
アドバンテージ：
（1）。共有部品はロードされており、各ページへの参照は冗長性なしに可能な限り高くなっています。
欠点：
（1）。不要なコードを参照する多かれ少なかれ特定のページがあり、共有は完全な共有ではありません。
該当するシナリオ：
（1）。大小のアプリケーションの両方がより適切です。各ページには多くの一般的な部分がある場合があり、合理的なファイルのマージが非常に重要です。
要約します
このドキュメントは単なる考えであり、単なる一般的な議論です。ファイルマージには多くの方法があります。これは、バックエンドで動的に生成されるか、ツール（Grunt+requirejs）によって直接生成されます。上記の3つのマージ方法は、実際のニーズによっても決定されます。
マージは非常に重要ですが、すべてのドキュメントをマージすることはお勧めしません。いくつかのドキュメントをマージすることはできません。個々のドキュメントに適したものもありますが、特定のシナリオに依存します。
フロントエンドJSファイルをマージする上記の3つの方法は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。