在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結構是不會幫你自動生成的.