2017-09-26 138 views
0

考慮:HTML-的WebPack-插件與哈巴狗裝載機不拾取選項

plugins: [ 
    new HtmlWebpackPlugin({ 
    template: 'index.pug', 
    title: 'Page Title', 
    custom: 'Custom' 
    }) 
] 

index.pug

doctype html 
html 
    head 
    meta(charset="utf-8") 
    meta(http-equiv="X-UA-Compatible" content="IE=edge") 
    meta(name="viewport" content="width=device-width, initial-scale=1") 
    title= htmlWebpackPlugin.options.title 

我希望得到拾起自定義標題,但它輸出取而代之的是Webpack App(並且custom變量是undefined)。

  • 的WebPack 1.15.0
  • HTML-的WebPack-插件2.30.1
  • 哈巴狗2.0.0 rc.4

我在束手無策就在這裏,我感覺這是我錯過的東西。

+0

'htmlWebpackPlugin'選項只能在'.ejs'文件。 – imcvampire

+0

@imcvampire認真嗎?這是記錄在哪裏? – Ivan

+0

它僅默認支持'ejs'。但你可以配置使用另一個加載器 – imcvampire

回答

0

你有你的配置更改爲:

plugins: [ 
    new HtmlWebpackPlugin({ 
    template: '!!pug-loader!index.pug', 
    title: 'Page Title', 
    custom: 'Custom' 
    }) 
] 

瞭解更多關於這個https://github.com/jantimon/html-webpack-plugin/blob/master/docs/template-option.md#2-setting-a-loader-directly-for-the-template

+0

而且,我只是重新加載開發服務器,而不是監視器,所以我的配置更改根本沒有被拾起......呃! – Ivan

+0

我對這個問題的建議是,當你有一個新的配置時,你應該使用一些文件監視器(nodemon,...)來重新加載。 – imcvampire

相關問題