[Using gulp 3.9.0, gulp-cached 1.1.0, gulp-remember 0.3.0, gulp-rename 1.2.2]
我们正在使用gulp作为构建工具,并将gulp-cached与gulp-remember一起使用,以允许快速增量重建。构建下的部分文件必须移动到不同的输出目录,这必须在流中发生(即不在gulp.dest()中),因为我们随后压缩结果。我们使用了gulp-rename。
然而,当构建脚本被多次调用时(对于增量重建,gulp.watch()),那么它似乎会多次应用gulp-rename转换。看起来,gulp-remember实际上并没有使用上次看到的路径输出文件,而是使用在gulp-rename步骤之后得到的路径。
我已经将问题缩小到以下脚本:
var gulp = require('gulp');
var cached = require('gulp-cached');
var remember = require('gulp-remember');
var rename = require('gulp-rename');
function build() {
gulp.src("src/**")
.pipe(cached())
.pipe(remember())
.pipe(rename(function(path) {path.dirname = "resources/" + path.dirname;}))
.pipe(gulp.dest('build/'));
}
gulp.task('default', [], function() {
build();
build();
});
在源目录src上运行该命令,其中只有一个文件"myfile.js",输出文件如下:
/build/resources/resources/myfile.js
如果删除对build()的第二个调用,它将正确生成
/build/resources/myfile.js
如果我们插入第三次调用build(),它产生
/build/resources/resources/resources/myfile.js
我们如何解决这个问题?在进一步处理文件之前,难道不应该使用上次通过时的路径输出文件吗?
您应该在应用转换后调用remember
。在这个例子中:
.pipe(cached())
.pipe(rename(function(path) {path.dirname = "resources/" + path.dirname;}))
.pipe(remember())