5

初めて gulp を使い始めたばかりで、使用したいすべてのプラグインが必要で、sass コンパイルの最初のタスクを作成しました。動作しているように見えますが、2 つの問題があります。まず、コマンド ラインで gulp と入力すると、起動に 3 ～ 4 秒かかるようで、grunt よりも遅いようです (gulp の方が速いことがわかったので、gulp を使い始めました)。これは正常ですか？

ただし、主な問題は、sass タスクを呼び出すデフォルトのタスクがあることです。コマンドライン出力は、両方が実行されていることを示唆しているようです。これは、sass が 2 回コンパイルされていることを意味します。また、私の単一のgulp-notify通知を2回出力していますが、これは正しくないようです。

これがコマンドライン出力です...

λ 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 タスクの仕組みを誤解していませんか?

4

1 に答える 1

19

onLastストリームごとに 1 つの通知のみが必要な場合は、gulp-notifyのオプションを使用します。

//...
.pipe(notify({message: 'Css created', onLast: true}));
于 2015-01-23T15:20:22.950 に答える