使用严格和吞咽

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

**未经测试。

  

如果我的回答不满足你。请告诉我，我会继续努力。