在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結構是不會幫你自動生成的.
該掛載結點被執行的是替換而不是內容追加