JavaScript - Webpack パッケージ化は、ディレクトリの下にあるすべてのファイルをパッケージ化します。

Question

次の方法で構成すると、インポートされた VUE ファイルは必要な VUE のみとともにパッケージ化されます

リーリー

ただし、構成に従ってインポートする必要がある vue ファイルを設定したい場合、上記のページ ディレクトリの下にあるすべての vue がパッケージ化されます

リーリー

違いは次のとおりです:
const App = require(@/page/${templateName}.vue);
と
const App = require(@ /ページ/dialog.vue);

目的: 私の構成によれば、毎回構成された vue ファイルのみがパッケージ化され、すべての vue ファイルがパッケージ化されるわけではありません。

Answer 1

動的依存関係はコンパイル時に依存関係を決定できないため、webpack は通常の実行時間を保証するために参照される可能性のあるすべてのモジュールをパッケージ化しようとします。

構成に応じてパッケージングの 2 つのアイデアを提供します

1. 設定をプログラム変数ではなく環境変数として記述します。

2. 複数の入り口を通じて達成されます。