javascript – Bei der Verwendung des Plug-ins „html-webpack-plugin' in Vue sind kleine Probleme aufgetreten.
怪我咯
怪我咯 2017-05-19 10:23:27
0
3
511

Die index.html-Datei von vue enthält einen gemounteten Knoten, der <p id='app'> </p> , 但是如果我用html-webpack-plugin的时候,生成的html文件中不包含<p id='app'> </p> dieser Montagepunkt ist. Ich habe nach dem Lesen der Plug-in-Dokumentation keine Lösung gefunden.

怪我咯
怪我咯

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

Antworte allen(3)
黄舟

html-webpack-plugin有一个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>
为情所困

要在原始index.html吧p挂上去.webpack又不是专门给vue用的.htmlWebpackPlugin只是帮你处理index.html,以及把打包后的script挂上去.里面的dom结构是不会帮你自动生成的.

伊谢尔伦

该挂载结点被执行的是替换而不是内容追加

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage