【问题标题】：Gulp tasks appear to be running twice, instead of onceGulp 任务似乎运行了两次，而不是一次
【发布时间】：2015-04-07 06:37:33
【问题描述】：

问题

我的 gulp 任务似乎运行了两次而不是一次，试图解决这个问题我认为有些人认为罪魁祸首可能在于 Gulpfile.js 中的默认任务

Gulpfile.js

// Include Gulp
var gulp = require('gulp');

// All of your plugins
var autoprefixer = require('gulp-autoprefixer');
var imagemin = require('gulp-imagemin');
var jshint = require('gulp-jshint');
var livereload = require('gulp-livereload');
var minify = require('gulp-minify-css');
var notify = require('gulp-notify');
var rename = require('gulp-rename');
var sass = require('gulp-sass');
var uglify = require('gulp-uglify');
var watch = require('gulp-watch');

// Compile CSS, Autoprefix
gulp.task('styles', function() {
  return gulp.src('assets/css/style.scss')
    .pipe(sass({ style: 'expanded' }))
    .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'))
    .pipe(gulp.dest('assets/css'))
    // .pipe(rename({suffix: '.min'}))
    // .pipe(minify())
    .pipe(gulp.dest('assets/css'))
    .pipe(notify({ message: "Watson: I've organized your files for you." }));
});

// Lint, Concatenate and Minify JavaScript
gulp.task('scripts', function() {
  return gulp.src('assets/js/scripts.js')
    .pipe(jshint())
    .pipe(jshint.reporter('default'))
    // .pipe(concat('scripts.js'))
    .pipe(gulp.dest('assets/js'))
    // .pipe(rename({suffix: '.min'}))
    // .pipe(uglify())
    .pipe(gulp.dest('assets/js'))
    .pipe(notify({ message: "Watson: I've done your dirty laundry." }));
});

// Watch files for changes
gulp.task('watch', function() {
    gulp.watch('assets/js/*.js', ['scripts', 'styles']);
    gulp.watch('assets/css/**/*.scss', ['styles']);
});

// Default Task
gulp.task('default', function() {
    gulp.start('styles', 'scripts', 'watch');
});

终端

[18:53:57] Using gulpfile ~/Desktop/Projects/legislature/Gulpfile.js
[18:53:57] Starting 'default'...
[18:53:57] Starting 'styles'...
[18:53:57] Starting 'scripts'...
[18:53:58] Starting 'watch'...
[18:53:58] Finished 'watch' after 26 ms
[18:53:58] Finished 'default' after 49 ms
[18:53:58] gulp-notify: [Gulp notification] Watson: I've organized your files for you.
[18:53:58] Finished 'styles' after 262 ms
[18:53:58] gulp-notify: [Gulp notification] Watson: I've done your dirty laundry.
[18:53:58] Finished 'scripts' after 256 ms
[18:53:58] Starting 'scripts'...
[18:53:58] Starting 'styles'...
[18:53:58] gulp-notify: [Gulp notification] Watson: I've done your dirty laundry.
[18:53:58] Finished 'scripts' after 232 ms
[18:53:58] gulp-notify: [Gulp notification] Watson: I've organized your files for you.
[18:53:58] Finished 'styles' after 232 ms

【问题讨论】：

不错的通知消息。

标签： javascript terminal gulp

【解决方案1】：

您的scripts 任务写入watch 任务正在监视的同一文件夹。 Watch 然后按照指定运行scripts 和styles 任务：

gulp.watch('assets/js/*.js', ['scripts', 'styles']);

【讨论】：

如何让它只运行一次？
js文件改变时不运行styles任务？

【解决方案2】：

您的问题是：您有两条相同的行来保存文件并触发两次。

在您的脚本任务中

.pipe(gulp.dest('assets/js'))

新手可能遇到的其他问题。
我在这里写下我的经历可能会对某人有所帮助。

我将 Dropbox 用于我的项目并在那里工作。当 Dropbox 打开时，任务会运行两次，因为 Dropbox 检测到文件更改并执行某些操作。特别是 Typescript 文件，我不知道为什么。

【讨论】：