Css 如何使用gulp编译在LESS中检测根文件
事情是这样的。我的LESS文件有以下结构:Css 如何使用gulp编译在LESS中检测根文件,css,less,gulp,gulp-less,Css,Less,Gulp,Gulp Less,事情是这样的。我的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/**/*.les
/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
结尾的文件。问题是编译器想要逐个编译每个文件,但不知道所有文件都包含在我的源代码.less中。它不查找根文件,也不知道包含哪些文件和哪些是根文件
我如何告诉更少的解析器哪些文件是根文件,哪些文件要导入。在SASS中,它通过文件名中的下划线指定,如下所示:_includedPart.scss.您可以使用。见:
在许多情况下,您可以将更少的代码都放在一个CSS文件中。您的主文件包含@import
指令,该指令指向所有其他所需较少的文件 谢谢大家!!我认为这是可以做更多的“自然少的方式”,但我想不是。
var condition = '_*.less'; //exclude condition
gulp.src('content/**/*.less')
.pipe(gulpIgnore.exclude(condition))