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

Posted 2023-03-08

【中文标题】如何在 webpack 中加载 Pug 模板而不编译为 HTML？

【英文标题】：How to load Pug templates in webpack without compiling to HTML?

【发布时间】：2018-03-23 14:05:26

【问题描述】：

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

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

【参考方案1】：

试试这个：

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