javascript - 使用 strict 和 gulp

Question

我想将 'use strict'; 添加到我的 JS 文件的顶部。我有很多来自不同文件夹的文件，它们通过 concat 合并到一个文件中。但其中一些是 jquery 文件，因此不需要添加 'use strict';。我的任务是这样的:

gulp.task(command, function () {
    gulp.src(path) // array of diff files
    .pipe(sourcemaps.init())
    .pipe(uglify())
    .pipe(concat(outfile))
    .pipe(sourcemaps.write('./maps', {
        sourceMappingURL: function(file) {
            return mappingURL + file.relative + '.map';
        }}))
    .pipe(gulp.dest(BUILD));
});

我没有使用任何工具，例如 browserify 或 webpack。有人有什么想法吗？

Answer 1

使用 addsrc 和 wrapper 插件。

gulp.task(command, function () {
    gulp.src('some/src/...')
      .pipe(sourcemaps.init())
      // Minimize your app files.
      .pipe(uglify())
      // Add Jquery to the beginning.
      .pipe(addsrc.prepend('jquery/path...'))
      // Concat all files.
      .pipe(concat('some-file'))
      // Add the "use strict" header.
      .pipe(wrapper({ header: '"use strict";\n' }))
      .pipe(sourcemaps.write('some-file', {}))
      .pipe(gulp.dest('some/path/...'));
});

• addsrc 来自https://github.com/urish/gulp-add-src
• wrapper 来自 https://www.npmjs.com/package/gulp-wrapper

**未测试。