为了账号安全,请及时绑定邮箱和手机立即绑定

Vue中使用html-webpack-plugin插件遇到的小问题。

Vue中使用html-webpack-plugin插件遇到的小问题。

慕哥9229398 2018-11-15 16:15:58
在vue的index.html文件中会包含一个挂载的节点 也就是 <div id='app'> </div> , 但是如果我用html-webpack-plugin的时候,生成的html文件中不包含<div id='app'> </div> 这个挂载点,看了插件的文档也没有找到办法,请问应该怎样操作?
查看完整描述

1 回答

?
宝慕林4294392

TA贡献2021条经验 获得超8个赞

html-webpack-plugin有一个template属性,可以指定一个你自己需要的html模版,用法如下:

new HtmlWebpackPlugin({

    filename: 'index.html',

    inject: 'body',

    template: 'index.html_vm'

})

那么这个index.html_vm可以是这个样子的:

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>demo</title>

</head>

<body>

    <div id="app"></div>

</body>

</html>


查看完整回答
反对 回复 2018-12-11
  • 1 回答
  • 0 关注
  • 671 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信