GULP:如何在uglify之后合并文件

时间:2018-01-28 17:57:29

标签: gulp gulp-uglify gulp-concat

方案 我需要抓取文件夹中的所有* .js文件,合并并uglify它们。这就是我实现的目标:

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. 在uglify之后我想将结果与另一个(已经缩小的文件)连接起来。我不想再次丑化这个文件 - 我希望它只是与结果相结合。

  2. 如何使用“新行”或评论来结果结果?

  3. 我想要实现的目标: 我在“res”中使用了源代码,我使用了一个外部小型库(已经是minifeid),我希望将其包含在输出文件中。

    类似:

    • 发表评论
    • 抓住所有来源
    • 丑化
    • 添加新行
    • 发表评论
    • 添加新行
    • 与资源库结合

1 个答案:

答案 0 :(得分:2)

您需要两个插件:

gulp-add-srchttps://imgur.com/a/zspLB

.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'))

所以在你的uglify管道之后输入类似的东西:

#include "Bird.cpp"

查看gulp-footer文档,了解构建您希望插入的注释的不同方法。例如,您可以从文件或变量中读取它。