webpackの非同期読み込み

Question

私は次のような状況があります。

EntryA

require("./test.js"); 

EntryB

require("./test.js"); 

test.js

module.exports = "something"; 

私はtuseのWebPACKのは、これらのJavaScriptファイルをコンパイルしたいです。 htmlページでは、EntryA.jsを含めるだけです。 EntryAとEntryBの間で共通していることはすべて、すばらしいファイルになるはずです。さて、test.jsが必要な場合は、その共通ファイルをネットからダウンロードする必要があります。

これは可能ですが、ghowを続行する必要がありますか？

Answer 1

Webpackは、JSを分割する2つの方法を提供します。

1. multiple entry pointsを使用してください。
2. split pointsをrequire.ensure（またはWebpack 2のSystem.import）で定義します。

アプローチ1は本当に伝統的な「マルチ」のページのウェブサイトで使用されることを意図して、正しいページに適切なエントリ・ポイントをインポートする必要があります。注：CommonsChunkPluginを使用すると、すべての共有コードを抽出できますが、手動で参照する必要があります。

アプローチ2は、シングルページアプリ向けです。必要に応じて自動的に新しいスクリプトが読み込まれます。