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 styles”，它没有错误地完成，但 .css 从未创建。我尝试简单地注释掉中间线，如下所示，并且按预期工作；less 文件被复制到 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。