Html Webpack插件 - 你如何導入頁眉/頁腳HTML部分到正文模板

我想弄清楚你可以有一個索引文件，當編譯加載全局頁眉和頁腳到index.html文件所以我不必每次都添加這個。Html Webpack插件 - 你如何導入頁眉/頁腳HTML部分到正文模板

目前，這是我的創建index.html文件：

new HtmlWebpackPlugin({ 
     title: 'Typescript Webpack Starter', 
     template: '!!ejs-loader!src/index.html' 
    }),

它加載JS在身體和頭部細的CSS，但我想知道如果我可以做一些像下面（就像一個模板引擎會）

<body> 
     {{HEADER GETS IMPORTED HERE}} 
     <p>Success your page has loaded</p> 
     <button class="button">Button</button> 
     {{FOOTER GETS IMPORTED HERE}} 
    </body>

讓我知道你的想法

來源

2017-01-20 Max Lynn

按照官方document：可以實現吧。

如果您已有模板加載器，則可以使用它來分析模板。請注意，如果您指定了html-loader並使用.html文件作爲模板，也會發生這種情況。

module: { 
    loaders: [ 
    { test: /\.hbs$/, loader: "handlebars" } 
    ] 
}, 
plugins: [ 
    new HtmlWebpackPlugin({ 
    title: 'Custom template using Handlebars', 
    template: 'my-index.hbs' 
    }) 
]

來源

2017-01-20 14:49:22 Ravi

所以你建議使用一個實際的模板引擎來做到這一點？我認爲有可能以某種方式使用webpack來做到這一點：O –

因此，它並非如此。 Webpack只是瞭解JavaScript。所以我們有不同的裝載機，然後有很多插件來實現所需的輸出。在你的情況，只需要安裝'把手'加載程序，然後配置'HtmlWebpackPlugin'爲:) – Ravi

酷我會在週末給它一個去感謝 –

Html Webpack插件 - 你如何導入頁眉/頁腳HTML部分到正文模板

回答

相關問題