Gulp gulp-less 包含组件子文件夹

Question

我的 less 文件夹包含子文件夹（还有更多）。好像是这样...

Assets
  |- js
  |- less
       |- students
            |- students.less  // ignores
       |- courses
            |- courses.less   // ignores
       |- teachers 
            |- teachers.less  // ignores
       main.less  // gets successfully

现在我的 gulpfile.js 可以找到 main.less 就好了。但是我怎样才能进入子目录（学生、课程、教师）并将它们各自的 .less 文件抓取到 gulp-less + minify？

这是我的：

gulp.task('less', function () {
  gulp.src('assets/less/*.less')
    .pipe(plumber())
    .pipe(less())
    .pipe(cssmin())
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest('assets/css/'))
});

Answer 1

您可以使用**/*.less匹配所有子目录。

gulp.task('less', function () {
  gulp.src('assets/less/**/*.less')
    .pipe(plumber())
    .pipe(less())
    .pipe(cssmin())
    .pipe(rename({
      suffix: '.min'
    }))
    .pipe(gulp.dest('assets/css/'))
});

Gulp gulp-less 包含组件子文件夹

Gulp gulp-less to include component sub-folders

javascript

gulp

gulp-less