javascript - Vue で html-webpack-plugin プラグインを使用するときに小さな問題が発生しました。

Question

vue のindex.html ファイルには、マウントされたノード (<p id='app'> </p>) が含まれますが、html -webpack を使用すると、 -plugin、生成された html ファイルには <p id='app'> </p> マウント ポイントが含まれていません。「見つからない」を参照してください。プラグインのドキュメントに解決策が記載されていますが、どうすればよいですか?

Answer 1

html-webpack-plugin には template属性，可以指定一个你自己需要的html テンプレートがあり、使用方法は次のとおりです:

リーリー

すると、これ index.html_vm は次のようになります:

リーリー

Answer 2

Webpack は、vue に特別に使用されるわけではなく、index.html を処理して、内部の dom 構造を自動的に生成するのに役立ちます。

Answer 3

マウントノードはコンテンツに追加されるのではなく置き換えられます