Gulp nối thêm vào tập tin, không ghi đè lên

Question

Tôi đang cố ghép các tệp JS của mình và chạy chúng qua Babel cho một dự án mới, nhưng thay vì ghi đè tệp đích trên mỗi tác vụ, tệp gulpfile của tôi chỉ thêm các thay đổi vào tệp. Vì vậy, tệp đích của tôi kết thúc như sau:

console.log('hello'); 

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

//# sourceMappingURL=app.js.map 

Tôi đang thiếu gì? Dưới đây là gulpfile của tôi.

Xin cảm ơn trước.

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']); 

Answer 1

Bạn đang đọc và ghi vào cùng một thư mục đích. Do đó, tệp app.js được đọc lần đầu tiên, một số nội dung được thêm vào nó và sau đó kết quả được ghi vào app.js, gây ra hành vi phụ thêm này. Bạn nên xuất ra một thư mục khác với thư bạn đang đọc.