Maison > Questions et réponses > le corps du texte
Le fichier index.html de vue contiendra un nœud monté, qui est <p id='app'> </p>
, 但是如果我用html-webpack-plugin
的时候,生成的html
文件中不包含<p id='app'> </p>
ce point de montage. Je n'ai pas trouvé de solution après avoir lu la documentation du plug-in. Comment dois-je procéder ?
黄舟2017-05-19 10:25:27
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<body>
<p id="app"></p>
</body>
</html>
Alors ce index.html_vm
peut ressembler à ceci : 🎜
rrreee为情所困2017-05-19 10:25:27
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.