VUE JS WEBPACKプロジェクトのindex.html〜<script>タグに自動的にNPM "依存関係"を含めるにはどうすればいいですか？

Question

新しいbowerパッケージをインストールするたびにタグを使用してindex.htmlファイルにBOWER依存関係を自動的に組み込むGRUNT-BOWERプラグインがあることは知っています。

NPMの依存関係をindex.htmlに自動的に挿入/含めるツールはありますか？

FYIプロジェクトはVUE-CLI WEBPACKプロジェクトです。 WEBPACKでこれを実現できますか？それを行う専用のビルドツールが必要ですか？

Answer 1

既にウェブパックを使用している場合は、html-webpack-pluginをご覧ください。スクリプトタグとしてバンドルが追加された.htmlファイルが作成されます。

html-webpack-pluginと同時にvendor bundleを作成すると、この問題の解決に役立ちます。