less - 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 样式”，它没有错误地完成，但从未创建过 .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。