次の方法で構成すると、インポートされた VUE ファイルは必要な VUE のみとともにパッケージ化されます
リーリーただし、構成に従ってインポートする必要がある vue ファイルを設定したい場合、上記のページ ディレクトリの下にあるすべての vue がパッケージ化されます
リーリー違いは次のとおりです:
const App = require(@/page/${templateName}.vue);
と
const App = require(@ /ページ/dialog.vue);
目的: 私の構成によれば、毎回構成された vue ファイルのみがパッケージ化され、すべての vue ファイルがパッケージ化されるわけではありません。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
動的依存関係はコンパイル時に依存関係を決定できないため、webpack は通常の実行時間を保証するために参照される可能性のあるすべてのモジュールをパッケージ化しようとします。
構成に応じてパッケージングの 2 つのアイデアを提供します
設定をプログラム変数ではなく環境変数として記述します。
複数の入り口を通じて達成されます。