javascript - Masalah kecil yang dihadapi apabila menggunakan pemalam html-webpack-plugin dalam Vue.
怪我咯
怪我咯 2017-05-19 10:23:27
0
3
515

Fail index.html vue akan mengandungi nod yang dipasang, iaitu <p id='app'> </p> , 但是如果我用html-webpack-plugin的时候,生成的html文件中不包含<p id='app'> </p> titik pelekap ini saya tidak menemui penyelesaian selepas membaca dokumentasi pemalam.

怪我咯
怪我咯

走同样的路,发现不同的人生

membalas semua(3)
黄舟

html-webpack-plugin mempunyai atribut template, yang boleh menentukan templat html yang anda perlukan adalah seperti berikut: 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>
Kemudian index.html_vm ini boleh kelihatan seperti ini: 🎜 rrreee
为情所困

Anda 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.

伊谢尔伦

Nod pelekap diganti dan bukannya dilampirkan pada kandungan

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan