Question

希望在root gulp项目目录中查看所有较少的文件，然后仅编译已保存的LESS文件。我无法超越第一部分。

当我在项目目录中运行$ gulp watch时，它会挂起。开始任务，永远不会结束。

var gulp = require('gulp');
var less = require('gulp-less');
var path = require('path');

gulp.task('compileCurrentTheme', function () {
 return gulp.src('./*.less')
 .pipe(less({
  compress: true
 }))
 .pipe(gulp.dest('./'));
});

// Gulp watch functions
gulp.task('watch', function(){
 gulp.watch('*.less', ['compileCurrentTheme']); 
});

Answer 1

你犯了一些错误

gulp.task('compileCurrentTheme', function () {
  return gulp.src('./*.less') // ./ -> root directory
    .pipe(less())
    .pipe(gulp.dest('yourPath')); // you can also type ./ it will create .css files in your root directory
});

// Gulp watch functions
gulp.task('watch:less', function(){
  gulp.watch('./*.less', ['compileCurrentTheme']); 
});

将watch任务重命名 至watch:less，然后从您的控制台gulp watch:less

运行

请查看gulp-less和gulp，尤其是gulp-watch，以便更清楚地理解您的理解。

我希望它能帮到你

由于

Gulp在root中查看所有LESS文件

1 个答案: