在gulp流中插入文本

Question

我想將變量硬編碼到GULP任務中（出於開發目的而非生產目的），我需要這樣的東西：

gulp.task('buildJS', function() {
    gulp.insert('var DEV = true;')  // inserting the text somehow
        .src([
            './js/a.js',
            './js/b.js',
            './js/c.js'
        ])
        .pipe(concat('main.min.js'))
        .pipe(gulp.dest('./js/'));
});

我嘗試用Google搜索它，但結果很糟糕，也不確定在這里到底要找什么，但是只能在這里描述。

正如您在第一行中看到的那樣，我想插入一個在所有其他事物之前的 變量 （在這種情況下，然后應包含其余文件，並且所有這些文件最后都串聯到一個文件中） ，但我不確定該怎么做...謝謝您的幫助！

Answer 1

您可以使用gulp-header插件，該插件允許在文件開頭添加文本，並支持模板。

您可以執行以下操作：

var header = require('gulp-header');

gulp.task('buildJS', function() {
  gulp.src([
      './js/a.js',
      './js/b.js',
      './js/c.js'
    ])
    .pipe(header('var DEV = true;'))
    .pipe(concat('main.min.js'))
    .pipe(gulp.dest('./js/'));
});

或者，如果您只想將其附加在連接的文件上

gulp.task('buildJS', function() {
  gulp.src([
      './js/a.js',
      './js/b.js',
      './js/c.js'
    ])
    .pipe(concat('main.min.js'))
    .pipe(header('var DEV = true;'))
    .pipe(gulp.dest('./js/'));
});

Answer 2

您可能要使用gulp-header： https : //www.npmjs.org/package/gulp-header

在您的情況下，請將其放在管道中的concat操作之后。