如何使用webpack更新jade中的脚本标记？

Question

是否可以使用webpack简单地将jade / pug模板的脚本标记更新为缩小/缓存已被破坏的JS包？我找到的所有示例都展示了如何使用插件将jade模板转换为HTML。我用快递服务玉文件，不需要将它们转换为html。

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

谢谢！

Answer 1

我能够弄清楚这一点。如果其他人遇到此问题，可以在此处找到一个名为html-webpack-pug-plugin的插件：https://github.com/negibouze/html-webpack-pug-plugin。

通过将以下代码添加到webpack配置的插件部分，捆绑包将简单地添加到pug模板中。

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