javascript - Vue中使用html-webpack-plugin插件遇到的小问题。
本文介绍了javascript - Vue中使用html-webpack-plugin插件遇到的小问题。的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
问 题
在vue的index.html文件中会包含一个挂载的节点 也就是 <div id='app'> </div> ， 但是如果我用html-webpack-plugin的时候，生成的html文件中不包含<div id='app'> </div> 这个挂载点，看了插件的文档也没有找到办法，请问应该怎样操作？
解决方案
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>
<div id="app"></div>
</body>
</html>这篇关于javascript - Vue中使用html-webpack-plugin插件遇到的小问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
