关于gulp事件的console.log到stdout

时间:2015-01-15 23:50:23

标签: javascript node.js gulp

我想在gulp任务正在运行或已运行时登录到stdout(配置环境)。

这样的事情:

gulp.task('scripts', function () {
  var enviroment = argv.env || 'development';
  var config = gulp.src('config/' + enviroment + '.json')
      .pipe(ngConstant({name: 'app.config'}));
  var scripts = gulp.src('js/*');

  return es.merge(config, scripts)
    .pipe(concat('app.js'))
    .pipe(gulp.dest('app/dist'))
    .on('success', function() { 
      console.log('Configured environment: ' + environment);
    });
});

我不确定我应该回应什么事件或者在哪里找到这些事件列表。有什么指针吗?非常感谢。

3 个答案:

答案 0 :(得分:156)

(2017年12月,gulp-util模块提供了日志记录was deprecated。Gulp团队建议开发人员用fancy-log模块替换此功能。已更新,以反映。)

fancy-log提供日志记录,最初由Gulp团队制作。

var log = require('fancy-log');
log('Hello world!');

要添加日志记录,Gulp's API documentation告诉我们.src返回:

  

返回可以通过管道传输到插件的Vinyl文件流。

Node.js的Stream文档提供了一系列事件。放在一起,这是一个例子:

gulp.task('default', function() {
    return gulp.src('main.scss')
        .pipe(sass({ style: 'expanded' }))
        .on('end', function(){ log('Almost there...'); })
        .pipe(minifycss())
        .pipe(gulp.dest('.'))
        .on('end', function(){ log('Done!'); });
});

注意:可以在插件完成之前调用end事件(并且已经发送了所有自己的输出),因为当"所有数据都已刷新到底层系统时调用该事件& #34;

答案 1 :(得分:14)

为了建立Jacob Budin的答案,我最近尝试了这个并发现它很有用。

var gulp = require("gulp");
var util = require("gulp-util");
var changed = require("gulp-changed");

gulp.task("copyIfChanged", function() {
    var nSrc=0, nDes=0, dest="build/js";
    gulp.src("app/**/*.js")
    .on("data", function() { nSrc+=1;})
    .pipe(changed(dest)) //filter out src files not newer than dest
    .pipe(gulp.dest(dest))
    .on("data", function() { nDes+=1;})
    .on("finish", function() {
        util.log("Results for app/**/*.js");
        util.log("# src files: ", nSrc);
        util.log("# dest files:", nDes);
    });
}

答案 2 :(得分:1)

可悲的是,gulp.util已被折旧。 请改用fancy-log:  https://www.npmjs.com/package/fancy-log