Fail index.html vue akan mengandungi nod yang dipasang, iaitu <p id='app'> </p>
, 但是如果我用html-webpack-plugin
的時(shí)候,生成的html
文件中不包含<p id='app'> </p>
titik pelekap ini saya tidak menemui penyelesaian selepas membaca dokumentasi pemalam.
走同樣的路,發(fā)現(xiàn)不同的人生
html-webpack-plugin mempunyai atribut template
, yang boleh menentukan templat html
yang anda perlukan adalah seperti berikut: template
屬性,可以指定一個(gè)你自己需要的html
模版,用法如下:
new HtmlWebpackPlugin({
filename: 'index.html',
inject: 'body',
template: 'index.html_vm'
})
那么這個(gè)index.html_vm
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<body>
<p id="app"></p>
</body>
</html>
Kemudian index.html_vm
ini boleh kelihatan seperti ini: ??
rrreeeAnda perlu menggantungnya pada bar index.html yang asal tidak digunakan secara khusus untuk htmlWebpackPlugin hanya membantu anda memproses index.html dan menggantung skrip yang dibungkus di dalamnya tidak akan dijana secara automatik untuk anda.