大口看和无妖冲突

Question

简而言之：最近开始使用Gulp（从Grunt转换），我正在尝试将Gulp的默认监视任务（不是npm的Gulp watch）用于SASS/JS/HTML和Gulp nodemon（来自npm）在发生更改时重新启动Express server。当只运行吞下手表时，它工作正常；当运行gulp服务器（对于nodemon）时，效果很好。然而，同时使用两者（如下面默认任务的配置中所示），手表功能不起作用。任务正在运行，在CLI上，gulp显示监视任务的“开始”和“完成”，但文件不会更新。

相关任务配置：

Concat javascript：

    gulp.task('js:app', function(){
        return gulp.src([
            pathSource('js/application/modules/**/*.js'),
            pathSource('js/application/_main.js')
        ])
        .pipe(concat('application.js'))
        .pipe(gulp.dest('./build/assets/js')).on('error', utils.log);
    });

Nodemon，更改express app后重新启动：

    gulp.task('express', function(){
        return nodemon({script:'server.js', ext:'js', cwd: __dirname + '/express', legacyWatch: true})
        .on('restart', function(){
            //gulp.run('watch'); // doesn't work :(
        });
});

观看javascript更改，并运行js： app进行修改。

    gulp.task('watch', function(){
      gulp.watch(pathSource('js/application/**/*.js'), ['js:app']);
    });

默认任务，同时初始化gulp watch和nodemon：

    gulp.task('default', ['watch', 'express']);

如果有人有任何想法，请提前感谢！

Answer 1

FWIW，似乎在gulp nodemon的配置上使用cwd参数实际上会将整个gulp cwd设置到该目录。这意味着未来的任务将在错误的目录中执行。

当我在我的前端服务器上运行Gulp watch任务时，我遇到了这个问题，同时在我的后端服务器（在同一个Gulpfile中）上运行no清新任务时，有一个竞争条件，如果首先执行no清新命令，前端的东西实际上会构建到（Home）/后端/前端而不是（Home）/前端，并且一切都会从那里变成珍珠形状。

我发现在gulp nodemon上使用watch和script参数可以解决这个问题（尽管看起来nodemon仍然在监视我的整个项目的变化，而不是构建的后端目录）。

Answer 2

gulp.run调用已被弃用，所以我会尝试一种不同的方法。既然您已经在使用Gulp，我可以建议您尝试一下Gulp-nozo吗？

根据gulp nodemon文档，您可以向其传递一系列要执行的任务：

更新：这是完整的gulpfile。js文件，以及github上的一个工作示例。

'use strict';

// Main dependencies and plugins
var gulp = require('gulp');
var jshint = require('gulp-jshint');
var concat = require('gulp-concat');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var nodemon = require('gulp-nodemon');

var assets = 'assets/js/**/*.js';
var publicDir = 'public/javascripts';

// Lint Task
gulp.task('lint', function () {
  return gulp.src(assets)
    .pipe(jshint())
    .pipe(jshint.reporter('jshint-stylish'));
});

// Concatenate and minify all JS files
gulp.task('scripts', function () {
  return gulp.src(assets)
    .pipe(concat('global.js'))
    .pipe(gulp.dest(publicDir))
    .pipe(rename('global.min.js'))
    .pipe(uglify())
    .pipe(gulp.dest(publicDir));
});

// Watch Files For Changes
gulp.task('watch', function () {
  gulp.watch(assets, ['lint', 'scripts']);
});

gulp.task('demon', function () {
  nodemon({
    script: 'server.js',
    ext: 'js',
    env: {
      'NODE_ENV': 'development'
    }
  })
    .on('start', ['watch'])
    .on('change', ['watch'])
    .on('restart', function () {
      console.log('restarted!');
    });
});

// Default Task
gulp.task('default', ['demon']);

这样，你可以在nodemon启动时生成watch任务，并确保每当nodemon重新启动你的应用程序时，watch任务都会再次触发。

编辑： <罢工> 看来你应该打电话给- 更改 事件，该事件将处理编译任务 在 重新启动事件触发器。

编辑：似乎没有恶魔的on（'change'，回调）从他们的API中删除