javascript - Webpack のコード分割はどのように機能しますか

Question

私は webpack について少し知っていますが、私の質問に対する簡単な答えが見つかりません。Webpack でのコード分割とはどういう意味ですか?

異なるルート用に個別のバンドル js ファイルを作成し、クライアントから要求されたときにこれらの js ファイルを取得するための ajax 操作を実行していますか。

または、最初のヒット後に最初に要求されたページを適切に表示した後、サーバーから他の個々の js ファイルを取得するための非同期呼び出しを実行していますか?

やり方を学ぶ前に、何を学んでいるかについて考えたいと思います。Webpack docs はまったく役に立ちません。webpack の仕組みを完全に理解していることを前提としています。

Answer 1

コード分​​割は、アプリを複数のバンドルされた js に分割します。たとえば、アプリに管理セクションがあり、ユーザーには表示されない場合、それを 2 つのバンドルに分割できます。この方法では、ユーザーは管理関連の js をダウンロードしません。

バンドルされた js の実際の読み込みは、スクリプト タグ インジェクションによって行われます。

実際のロードがいつ行われる必要があるかは、ルーターによって処理されます。反応ルーターを使用している場合、これは簡単な例です。

これが多少役立つことを願っています。