1

特定の条件下でモジュールをインポートしたいので、動的インポート構文を使用しています。

  if (showModal) {
    import('fancy-modal').then(({ initModal }) => {
      initModal();
    });
  }

これは機能しますが、値に関係なく、「ファンシーモーダル」ライブラリ コードを webpack バンドルに追加しますshowModal。

動的インポートは、条件が真の場合にのみライブラリをロードすると思っていましたが、何があっても webpack によってロードされるのはなぜですか?

4

1 に答える 1