如何在 webpack 中加载 Pug 模板而不编译为 HTML？

Question

pug-loader 和 pug-html-loader 似乎都专注于将 Pug 模板预编译为 HTML。我不想这样做，因为我需要一些只有在渲染模板时才能获得的动态渲染功能，比如能够传入页面的标题，作为一个简单的例子。

然而，我想做的是使用 Webpack 来处理 Pug 模板，以便遍历它们，找出它们使用的图像，并将这些图像加载到 /dist 文件夹中。我还希望能够在可能的情况下使用url-loader 将数据 URL 内联到 Pug 模板中，这意味着它们需要在此过程中被复制和修改。

Answer 1

试试这个：

{
      test: /.pug$/,
      use : [
        {
          loader : ['html-loader', 'pug-html-loader'],
          options : {
            attrs : ['img:src']
          }
        }
      ]
    }