Question

这是事情。我有以下LESS文件的结构：

/less/root.less
/less/includes1/*.less (a lot of less files)
/less/includes2/*.less (a lot of less files)

我正在使用gulp来编译我的LESS文件。来源：

gulp.task('less', function () {
    var combined = combiner.obj([
    gulp.src('./less/**/*.less'),
    less(),
    gulp.dest('./www/dist/screen.css')
]);

// any errors in the above streams will get caught by this listener, instead of being thrown:
combined.on('error', console.error.bind(console));

return combined;
});

问题出在指定路径中。我理解这条路径./less/**/*.less是这样的：递归遍历所有文件夹并编译所有以.less结尾的文件。问题是编译器想要逐个编译每个文件，并且不知道所有文件都包含在我的source.less中。它不会查找根文件，也不知道哪些文件包含哪些部分以及哪些是根文件。

如何告诉LESS解析器哪些文件是root用户以及要导入哪些文件。在SASS中，它通过文件名中的下划线指定，如下所示：_includedPart.scss。

Answer 1

你可以使用https://github.com/robrich/gulp-ignore。请参阅：How can I use a glob to ignore files that start with an underscore?

  var condition = '_*.less'; //exclude condition
  gulp.src('content/**/*.less')
    .pipe(gulpIgnore.exclude(condition))

在许多情况下，您将所有Less代码编入单个CSS文件中。您的主文件包含@import指令，指向所有其他所需的Less文件。

如何使用gulp编译检测LESS中的根文件

1 个答案: