javascript - 如何在 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']
          }
        }
      ]
    }