搜索

首页  >  问答  >  正文

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

在vue的index.html文件中会包含一个挂载的节点 也就是 <p id='app'> </p> , 但是如果我用html-webpack-plugin的时候,生成的html文件中不包含<p id='app'> </p> 这个挂载点,看了插件的文档也没有找到办法,请问应该怎样操作?

怪我咯怪我咯2747 天前479

全部回复(3)我来回复

  • 黄舟

    黄舟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>

    回复
    0
  • 为情所困

    为情所困2017-05-19 10:25:27

    要在原始index.html吧p挂上去.webpack又不是专门给vue用的.htmlWebpackPlugin只是帮你处理index.html,以及把打包后的script挂上去.里面的dom结构是不会帮你自动生成的.

    回复
    0
  • 伊谢尔伦

    伊谢尔伦2017-05-19 10:25:27

    该挂载结点被执行的是替换而不是内容追加

    回复
    0
  • 取消回复