如何使用WebPack更新Jade中的脚本标签

Question

是否可以使用WebPack简单地将Jade/Pug Template的脚本标签更新为Minified/Cache Busted JS Bundle？我发现的所有示例都显示了如何使用插件将玉模板转换为HTML。我正在用Express提供Jade文件，并且不需要将它们转换为HTML。

任何建议或样本配置都会非常有帮助。

谢谢！

Answer 1

我能够解决这个问题。如果其他任何人都可以使用，这里有一个名为html-webpack-pug-plugin的插件，可在此处提供：https：//github.com/negibouze/html-webpack-pak-pug-pugin。

通过将下面的代码添加到插件部分WebPack配置，将简单地添加到PUG模板中。

plugins: [
  new HtmlWebpackPlugin({
    filetype: 'pug'
  }),
  new HtmlWebpackPlugin({
    filename: 'output.pug'
  }),
  new HtmlWebpackPugPlugin()
]