Webpack - 將捆綁文件注入現有的 html 文件

Question

將 html-webpack-plugin 與 web pack 一起使用，

• 可以創建或生成 index.html 文件
• 可以使用模板生成 index.html 文件

但我想將捆綁的 JS 和 CSS 文件注入到另一個現有的 html 文件中。 我在插件中沒有找到任何選項來執行此操作。

我們有 Asp.net MVC _layout.html。 如果我使用模板選項，則 _layout.html 中的內容會被破壞，因為 _Layout.html 中的更多代碼是 html 與 c# 混合的。

我們是否可以在不破壞或將捆綁文件添加到現有 html 文件的情況下替換內容？

Answer 1

將您的 html 文件設置為模板。 template: 'path/to/template/index.html' 您的模板擴展了基本插件模板。 您可以自由修改模板，該模板實際上是您的文件，例如插件修改的 index.html。