javascript - Small problems encountered when using the html-webpack-plugin plug-in in Vue.

Question

The index.html file of vue will contain a mounted node, which is &lt;div id='app'&gt; &lt;/div&gt; , but if I use html-webpack-plugin, the generated html file Does not contain the mount point of &lt;div id='app'&gt; &lt;/div&gt;, see...

黄舟 · Answer

html-webpack-plugin has a template属性，可以指定一个你自己需要的html template, the usage is as follows:

new HtmlWebpackPlugin({
    filename: 'index.html',
    inject: 'body',
    template: 'index.html_vm'
})

Then this index.html_vm can look like this:




    
    demo

为情所困 · Answer

You need to hang it on the original index.html bar. Webpack is not specifically used for vue. htmlWebpackPlugin only helps you process index.html and hang the packaged script. The dom structure inside will not be automatically generated for you. of.

伊谢尔伦 · Answer

The mount node is replaced instead of appended to the content