Fatal编程技术网
  • javascript/
  • Javascript 如何在网页包中加载Pug模板而不编译为HTML？

Javascript 如何在网页包中加载Pug模板而不编译为HTML？

javascript node.js webpack

Javascript 如何在网页包中加载Pug模板而不编译为HTML？,javascript,node.js,webpack,webpack-2,pug-loader,Javascript,Node.js,Webpack,Webpack 2,Pug Loader,pug-loader和pug-html-loader似乎都专注于将pug模板预编译为html。我不想这样做，因为我需要一些只有在呈现模板时才能获得的动态呈现功能，例如，作为一个简单的示例，可以传递页面标题 然而，我想做的是使用Webpack处理Pug模板，以便浏览它们，找出它们使用的图像，并将这些图像加载到/dist文件夹。我还希望能够在可能的情况下使用url加载器将数据url内联到Pug模板中，这意味着需要在过程中复制和修改这些url。尝试以下方法： { test: /.pug$/

pug-loader
和
pug-html-loader
似乎都专注于将pug模板预编译为html。我不想这样做，因为我需要一些只有在呈现模板时才能获得的动态呈现功能，例如，作为一个简单的示例，可以传递页面标题

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


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


试试这个：


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