Question

给出以下目录结构：

<project>
 |- src
 |- gen
 |- target

我们有一个Gulp构建链，它为我们执行整个前端构建。中间结果放在 gen 目录中，最终结果放在目标目录中。

在开发期间，我们希望监视目标目录，并将更改同步到包含基于Grails的应用程序的单独目录。我们使用以下代码段：

'use strict';

var debug         = require('gulp-debug');
var config        = require('../config');
var gulp          = require('gulp');
var watch         = require('gulp-watch');

module.exports = {
  //command: 'prod',
  //desc: 'Builds "production" version',
  run: function(){
     gulp.task('watch', ['server'], function() {

        // Copy files from the 'target' directory to the framework directory while developing
        var source = config.dist.root,
           destination = config.fw.root;

        gulp.src(source + '/**/*', {base: source})
           .pipe(debug({title: 'unicorn:'}))
           .pipe(watch(source + '/**/*', {base: source}))
           .pipe(debug({title: 'minotaur:'}))
           .pipe(gulp.dest(destination))
           .pipe(debug({title: 'centaur:'}));

     });
  }
};

当我更新源文件时，构建链将触发并将更新的结果放入目标目录中。但是更新不会同步到单独的Grails目录。当我检查日志记录时，我看到了：

[14:29:42] Rebundle...
[14:29:42] minotaur: target\web-app\portal\js\appLoader.js
[14:29:43] minotaur: target\web-app\portal\js\appLoader.js

似乎文件IS在目标目录中重新生成，并且gulp-watch包会重新获取重新生成。但该文件不是由gulp.dest（）函数编写的？！

这可能会发生什么？

Answer 1

经过一些试验和错误后，您似乎无法在管道中间使用watch()。相反，您应该将它用作管道的头部（而不是gulp.src()）。将单个管道拆分为两个独立的管道解决了这个问题。

所以这个（为了简洁而删除debug()语句）：

gulp.src(source + '/**/*', {base: source})
       .pipe(watch(source + '/**/*', {base: source}))
       .pipe(gulp.dest(destination));

成为这个：

gulp.src(source + '/**/*', {base: source})
       .pipe(gulp.dest(destination));

watch(source + '/**/*', {base: source})
       .pipe(gulp.dest(destination));

gulp.dest（）不会导致文件更新

1 个答案: