javascript - Petits problèmes rencontrés lors de l'utilisation du plug-in html-webpack-plugin dans Vue.

Question

Le fichier index.html de vue contiendra un nœud monté, qui est &lt;div id='app'&gt; &lt;/div&gt;, mais si j'utilise html-webpack-plugin, le fichier html généré ne contient pas le montage. point de &lt;div id='app'&gt; &lt;/div&gt;, voir...

黄舟 · Answer

html-webpack-plugin a un attribut template, qui peut spécifier un modèle html dont vous avez besoin. L'utilisation est la suivante : template属性，可以指定一个你自己需要的html模版，用法如下：

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

那么这个index.html_vm




    
    demo

Alors ce index.html_vm peut ressembler à ceci : 🎜 rrreee

为情所困 · Answer

Vous devez l'accrocher à la barre index.html d'origine. Webpack n'est pas spécialement utilisé pour vue. htmlWebpackPlugin vous aide uniquement à traiter index.html et à accrocher le script emballé. La structure dom à l'intérieur ne sera pas automatiquement générée pour vous.

伊谢尔伦 · Answer

Le nœud de montage est remplacé au lieu d'être ajouté au contenu