Gulp 吞咽附加到文件,而不是覆盖

Gulp 吞咽附加到文件,而不是覆盖,gulp,gulp-concat,Gulp,Gulp Concat,我试图连接我的JS文件,并通过Babel为新项目运行它们,但不是在每次任务运行时覆盖目标文件,我的gulpfile只是将更改附加到文件。因此,我的目标文件最终如下所示: console.log('hello'); //# sourceMappingURL=app.js.map console.log('goodbye'); //# sourceMappingURL=app.js.map 我错过了什么?下面是我的大口文件 提前谢谢 var gulp = require('gul

我试图连接我的JS文件,并通过Babel为新项目运行它们,但不是在每次任务运行时覆盖目标文件,我的gulpfile只是将更改附加到文件。因此,我的目标文件最终如下所示:

console.log('hello');

//# sourceMappingURL=app.js.map
console.log('goodbye');

//# sourceMappingURL=app.js.map
我错过了什么?下面是我的大口文件

提前谢谢

var gulp        = require('gulp');
var sourcemaps  = require("gulp-sourcemaps");
var uglify      = require('gulp-uglify');
var rename      = require('gulp-rename');
var concat      = require('gulp-concat');
var babel       = require('gulp-babel');    
var browserSync = require('browser-sync').create();
var reload      = browserSync.reload;

gulp.task('js', function(){
  return gulp.src("./app/js/*.js")
    .pipe(sourcemaps.init())
    .pipe(concat("app.js"))
    .pipe(babel())
    .pipe(sourcemaps.write("."))
    .pipe(gulp.dest("./app/js/"));  
});

gulp.task('js-reload', ['js'], reload);

gulp.task('serve', ['js'], function() {
    browserSync.init({
        server: "./app"
    });
    gulp.watch("./app/js/*.js").on('change', ['js-reload']);
    gulp.watch("./app/*.html").on('change', reload);
});

gulp.task('default', ['js', 'serve']);

您正在读写同一个目标目录。因此,首先读取文件app.js,向其中添加一些内容,然后将结果写入app.js,从而导致这种附加行为。您应该输出到不同的目录,而不是从中读取。

如果我没记错,您必须添加
/
以覆盖文件。