GULP: 丑化后如何合并文件

GULP: How to combine files AFTER uglify

场景 我需要抓取文件夹中的所有 *.js 文件,合并并丑化它们。这是我实现的:

gulp.task('default', function(){
    return gulp.src('resources_folder/*.js')
        .pipe(plumber({
            errorHandler: function (error) {
                console.log(error.message);
                this.emit('end');
            }}))
        .pipe(concat('output.js'))
        .pipe(babel())
        .pipe(rename({suffix: '.min'}))
        .pipe(uglify())
        .pipe(gulp.dest('js/'))
});

但我正在为两件事而苦苦挣扎:

  1. 在丑化之后我想将结果与另一个(已经缩小的文件)连接起来。我不想再丑化这个文件 - 我只想把它和结果结合起来。

  2. 如何用 "new line" 或评论连接结果?

我想达到的目标: 我在 "res" 中有我的源字段,我正在使用一个外部小型库(已经是 minifeid),我想将其包含到我的输出文件中。

类似于:

您将需要两个插件:

gulp-footer and gulp-add-src

 var footer = require('gulp-footer');
 var addsrc = require('gulp-add-src');

所以在你的 uglify 管道之后放像这样的东西:

.pipe(uglify())
.pipe(footer('\n// my comment\n'))
.pipe(addsrc.append('your resource library to append'))
.pipe(concat('new file name here'))
.pipe(gulp.dest('js'))

查看 gulp-页脚文档,了解构建您要插入的评论的不同方法。例如,您可以从文件或变量中读取它。