在vue的index.html文件中会包含一个挂载的节点 也就是 <p id='app'> </p>
, 但是如果我用html-webpack-plugin
的时候,生成的html
文件中不包含<p id='app'> </p>
这个挂载点,看了插件的文档也没有找到办法,请问应该怎样操作?
黄舟2017-05-19 10:25:27
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>
为情所困2017-05-19 10:25:27
要在原始index.html吧p挂上去.webpack又不是专门给vue用的.htmlWebpackPlugin只是帮你处理index.html,以及把打包后的script挂上去.里面的dom结构是不会帮你自动生成的.