webpackに大きな生成ファイルを含める

Question

Webpackの機能をテストしていて、扱い方がわからない面白い使用例があります。つまり、私は持っている：

1. ファイルA.js：Webpackのインポートを使用し、多くの変数とユーティリティ関数を定義するJSモジュール。
2. ファイルB.js：A.jsで定義された変数と関数を使用するはずの別のプログラミング言語から生成された大きな（> 10mb）JSファイルですが、WebpackモジュールではなくWebpackインポートを使用しません。

今、私は単一の環境でそれらの両方を使用したい、しかし：

1. 私は一つのファイルにコンパイルする必要はありません（それは時間がかかりすぎると、それは明らかに不要です）。私はA.js（そしてAが使用する他のローカルJSファイル）からバンドルを生成し、不要な変換を行わずにB.jsを使いたいと思っています。
2. ビルド時間を最小限に抑えるために、Webpackがインポートなどを探すB.jsを解析することさえしたくありません。私はWebpackにB.jsがA.jsのスコープにアクセスできるようにする必要があると伝えたいだけです。

可能でしょうか？ :)

Answer 1

サイドのwebpackに追加のビルドツールが既にある場合は、そのビルド/アセンブリツールでB.jsを処理し、webpackバンドルの外に保管しておくことをお勧めします。この方法webpack doesntはB.jsがあることを知っている。それはまた、webpackによってその大きなB.jsの処理を意味しません。

そうでない場合（つまりウェブパックのみが存在する場合）、script-loaderを使用することをおすすめします。しかし、これはwebpackがその全体をB.jsの束にすることを意味します。ここではwebpackで遅くなることを期待しています。

私のMacでは、webpackはscript-loaderの17 MBのjsファイルで2秒以上かかります。大きなjsファイルがなければ100msかかる。