GULP:丑化后如何合并文件



>场景我需要抓取文件夹中的所有 *.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. 请问我如何用"新行"或评论连接结果?

我想要实现的目标:我将我的源字段放在"res"中,并且我使用外部小型库(已经是minifeid(,我想将其包含在我的输出文件中。

像这样:

  • 发表评论
  • 获取所有来源
  • 丑陋
  • 放置新行
  • 发表评论
  • 放置新行
  • 与资源库结合使用

您将需要两个插件:

gulp-footer 和 gulp-add-src

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

所以在你的丑陋管道之后放一些东西:

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

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

相关内容

  • 没有找到相关文章

最新更新