使用gulp-compile-handlebars在子目录中批量嵌套模板

时间:2017-04-23 00:19:06

标签: gulp handlebars.js

我正在使用gulp compileHandlebars来编译我的把手模板并使用json数据创建一个页面并且工作得很好...问题是我想将我的把手模板嵌套在子目录中但是当我这样做时,批处理过程无法找到我添加了以下模板:** / *。把手到批处理路径。见下文:

$(document).ready(function() {
    //create aliens 
  for(var i = 0; i < 5; i++) {
 $('body').append('<img class="alien" src="alien.ico" width="70" height="70">');
  }

  //reference here all aliens
    var alien = $('.alien');
  //set initial value, each alien itself
  $.each(alien, function() {
    $(this).css({
         position: "absolute",
         left: parseInt(Math.random() * 940 + 1) + 'px',
         top: -20
    });
  });

  //coming down
  setInterval(function() {
        alien.css({
            top: "+=10"
        });
        if (alien.position().top > 450) {
            alien.remove();
        }
  }, 1000);
});

1 个答案:

答案 0 :(得分:1)

npm上的docs表示批处理需要一组文件路径,但示例显示了一个带有目录路径的数组。您的示例是使用blob语法,这将无法正常工作。看起来这个批处理器不会递归地查看子目录...所以我认为你必须创建一个包含每个把手文件的父目录路径的数组。

我知道,这真是太糟糕了。但您可以使用gulp-filenames自动执行检索车把文件路径的过程,并从每个路径中切掉文件名以获取目录数组。