不创建输出 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'));
});

知道为什么无口不生成 css 吗？如果我使用较少，则文件会正确生成。

Answer 1

由于我的 less 文件中有一个未定义的类，我遇到了这种情况。

我通过日志记录发现了未定义的类。

Gulp 可能不会引发错误，除非您明确记录它们。要记录，需要在 gulpfile 中gulp-util：

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

然后添加日志记录：

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

运行 gulp style 以查看错误（可能是未定义的类）。

修复它，您的style任务应该会生成 css。