Webpack：モジュールの重複が効率的ではありませんか？私の理解、WebPACKの（および他の類似bundlers）から

Question

は同じモジュールは、アプリケーションの複数の部品間で必要とされる場合にことを保証します：

• コードのみ
• たら、同じモジュールがあるたびにロードされることを同じスコープを共有するのではなく、新しいインスタンスが作成されます。

まず、私の前提は正しいですか？もしそうなら、同じモジュールの複数のインスタンスを作成するのは悪い最適化ですか？

私の例では、ThreeJSを使用するアプリケーションを作成しています。これはかなり大きなライブラリです。私のアプリのモジュールの多くは、このライブラリが必要です。

このようなライブラリを必要とし続けるのは悪い習慣ですか？または、複数の時間を必要とするのではなく、モジュールからモジュールに1つのインスタンスを渡す必要がありますか？

本当に問題がある場合は、これに対処する共通のパターンがあるかどうかを知りたいと思います。

Answer 1

この仮定：

同じモジュールが必要とされるたびに、新しいインスタンスが作成され、すべては二つの理由

が間違っている同じ範囲を共有するのではなく ：

• インスタンスが作成されるかどうかは、必要なモジュールによって返されるものによって決まります（何も返されません）。
• モジュールがインスタンスを初期化しても、モジュール内のコードは1回だけ実行されるため、インスタンスが1つだけ作成されます。

これで、同じモジュールを何度も必要とすることは、パフォーマンスに影響を与えません。