我写了一个快速gulp任务,合并了几个来源。它首先清除所有内容的现有JS构建文件夹,然后构建AngularJS模板缓存,最后缩小并连接文件以便在应用程序中使用,但是在4次运行gulp中有3次会抛出错误指示构建期间文件或文件夹已存在:
$ gulp compress
[13:29:52] Using gulpfile D:\projects\app\mobile\gulpfile.js
[13:29:52] Starting 'compress'...
stream.js:74
throw er; // Unhandled stream error in pipe.
^
Error: EEXIST: file already exists, mkdir 'D:\projects\app\mobile\www\js\components'
at Error (native)
但是在运行此子任务之前,clear应删除所有文件和文件夹:
gulp.task('compress', function (done) {
// Clear existing build files
var clear = gulp.src('./www/js/**/*')
.pipe(vinylPaths(del));
// Build the template cache
var cache = gulp.src('./www/templates/**/*.tpl.html')
.pipe(templateCache('app-templates.js', {
root: 'templates',
transformUrl: function (url) {
return url.replace(/\.tpl\.html$/, '.html')
}
}))
.pipe(gulp.dest('./www/js'))
// Minify and concatenate the application
var build = gulp.src('./src/**/*.js')
.pipe(uglify({
mangle: false
}))
.pipe(gulp.dest('./www/js'))
.pipe(concat('app.min.js'))
.pipe(gulp.dest('./www/js/build'));
// Merge multiple sources into a single task
return merge(clear, cache, build);
});
我错过了哪些想法?或者有更好的方法来完成这种类型的任务吗?除了不清除旧版本之外,似乎工作得很好。