在vue的index.html文件中会包含一个挂载的节点 也就是 <p id='app'> </p> , 但是如果我用html-webpack-plugin的时候,生成的html文件中不包含<p id='app'> </p> 这个挂载点,看了插件的文档也没有找到办法,请问应该怎样操作?
<p id='app'> </p>
html-webpack-plugin
html
走同样的路,发现不同的人生
html-webpack-plugin有一个template属性,可以指定一个你自己需要的html模版,用法如下:
template
new HtmlWebpackPlugin({ filename: 'index.html', inject: 'body', template: 'index.html_vm' })
那么这个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结构是不会帮你自动生成的.
该挂载结点被执行的是替换而不是内容追加
html-webpack-plugin有一个
template
属性,可以指定一个你自己需要的html
模版,用法如下:那么这个
index.html_vm
可以是这个样子的:要在原始index.html吧p挂上去.webpack又不是专门给vue用的.htmlWebpackPlugin只是帮你处理index.html,以及把打包后的script挂上去.里面的dom结构是不会帮你自动生成的.
该挂载结点被执行的是替换而不是内容追加