gulp-less不创建输出css

Question

我几个小时以来一直在努力.我的gulpfile中有以下内容:

gulp.task('styles', function() {
  gulp.src('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css\\less\\dealer-landing.less')
    .pipe(less())
    .pipe(gulp.dest('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css'));
});

我运行'gulp styles'完成没有错误,但从未创建.css.我试着简单地评论中间线,如下所示,并按预期工作; 较少的文件被复制到dest目录:

gulp.task('styles', function() {
  gulp.src('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css\\less\\dealer-landing.less')
    //.pipe(less())
    .pipe(gulp.dest('C:\\TeamCity\\buildAgent\\work\\5003e8de5901599\\dev\\Content\\css'));
});

知道为什么gulp-less不会产生css？如果我使用更少,则正确生成文件.

Answer 1

由于我的less文件中有一个未定义的类,我经历过这种情况.

我通过记录发现了未定义的类.

除非您明确记录错误,否则Gulp可能不会抛出错误.要记录,需要gulp-util在你的gulpfile中:

var util = require('gulp-util');

然后添加日志记录:

.pipe(less().on('error', util.log)),

运行gulp style以查看错误(可能是未定义的类).

修复它,你的style任务应该生成CSS.