Gulp 文件运行任务并通知两次答案

【问题标题】：Gulp file running tasks and notifying twiceGulp 文件运行任务并通知两次
【发布时间】：2015-01-23 00:59:59
【问题描述】：

我刚开始第一次使用 gulp，需要所有我想使用的插件，并为 sass 编译编写了第一个任务。它似乎有效，但有两个问题，首先当我在命令行上键入 gulp 时，它似乎需要 3 或 4 秒才能启动，这似乎比 grunt 慢（我开始使用 gulp 是因为我知道它更快）。这正常吗？

但主要问题是我有一个调用 sass 任务的默认任务。命令行输出似乎表明两者都在运行，这意味着 sass 被编译了两次。它还会输出我的单一 gulp-notify 通知两次，这似乎不正确。

这是命令行输出...

λ gulp default
[00:53:40] Using gulpfile ~\Desktop\jon\gulpfile.js
[00:53:40] Starting 'sass'...
[00:53:40] Finished 'sass' after 10 ms
[00:53:40] Starting 'default'...
[00:53:40] Finished 'default' after 7.93 μs
[00:53:41] gulp-notify: [Gulp notification] Css created
[00:53:41] gulp-notify: [Gulp notification] Css created

这是我的完整 gulp 文件...

var gulp = require('gulp'),
    gutil = require('gulp-util'),
    compass = require('gulp-compass'),
    rename = require('gulp-rename'),
    uglify = require('gulp-uglify'),
    watch = require('gulp-watch'),
    concat = require('gulp-concat'),
    notify = require('gulp-notify'),
    jshint = require('gulp-jshint'),
    autoprefixer = require('gulp-autoprefixer'),
    minifyCSS = require('gulp-minify-css'),
    traceur = require('gulp-traceur'),
    svgmin = require('gulp-svgmin'),
    imagemin = require('gulp-imagemin'),
    ngAnnotate = require('gulp-ng-annotate'),
    expect = require('gulp-expect-file'),
    sourcemaps = require('gulp-sourcemaps');

var paths = {
    src: "src",
    css: "stylesheets",
    img: "images",
    js:  "js"
}


// Compile Our Sass
gulp.task('sass', function() {

    gulp.src(paths.src + '/sass/*.scss')
        .pipe(sourcemaps.init())
        .pipe(compass({
            sass: 'src/sass',
            environment: 'development',
            outputStyle: 'expanded',
            debugInfo: false,
            noLineComments: true
        }))
        .pipe(autoprefixer('> 5%', 'last 2 version', 'ie 9'))
        .pipe(sourcemaps.write('./'))
        .pipe(gulp.dest(paths.css))
        .pipe(notify({ message: 'Css created' }));

});


// Dev Task
gulp.task('default', ['sass']);

有人知道这里发生了什么吗？我是否误解了 Gulp 任务的工作原理？

【问题讨论】：

半猜：通知在每个通过的文件上运行。在这种情况下，您同时拥有 css 和 sourcemap 文件。
也许我只是不明白管道是如何工作的，但我认为除了正在传递的 css 文件之外，创建的源映射不会通过管道传递。
源图在那里。你可以通过.pipe(notify('<%= file.relative %>'))看到它

标签： gulp gulp-notify

【解决方案1】：

如果您只希望每个流有一个通知，请使用 gulp-notify 的 onLast 选项：

//...
.pipe(notify({message: 'Css created', onLast: true}));

【讨论】：

这很方便。您是否能够确认输出日志只是告诉我它正在运行 SASS 然后是 DEFAULT，而不是两次运行 sass 任务（因为它是默认的一部分）。
您定义的default 任务什么也不做。所以 gulp 首先运行 default 的依赖项，然后运行你的无操作 default 任务。如果它运行sass 两次，您会在输出中看到它两次。