搜尋

首頁  >  問答  >  主體

javascript - Vue中使用html-webpack-plugin外掛程式遇到的小問題。

在vue的index.html檔案中會包含一個掛載的節點也就是<p id='app'> </p> ,但如果我用html -webpack-plugin的時候,產生的html檔案中不包含<p id='app'> </p> 這個掛載點,看了插件的文件也沒有找到辦法,請問應該怎樣操作?

怪我咯怪我咯2747 天前478

全部回覆(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
  • 取消回覆