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/'))
});
但我正在为两件事而苦苦挣扎:
在丑化之后我想将结果与另一个(已经缩小的文件)连接起来。我不想再丑化这个文件 - 我只想把它和结果结合起来。
如何用 "new line" 或评论连接结果?
我想达到的目标:
我在 "res" 中有我的源字段,我正在使用一个外部小型库(已经是 minifeid),我想将其包含到我的输出文件中。
类似于:
- 发表评论
- 获取所有资源
- 丑化
- 换行
- 发表评论
- 换行
- 与资源库结合
您将需要两个插件:
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-页脚文档,了解构建您要插入的评论的不同方法。例如,您可以从文件或变量中读取它。
场景 我需要抓取文件夹中的所有 *.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/'))
});
但我正在为两件事而苦苦挣扎:
在丑化之后我想将结果与另一个(已经缩小的文件)连接起来。我不想再丑化这个文件 - 我只想把它和结果结合起来。
如何用 "new line" 或评论连接结果?
我想达到的目标: 我在 "res" 中有我的源字段,我正在使用一个外部小型库(已经是 minifeid),我想将其包含到我的输出文件中。
类似于:
- 发表评论
- 获取所有资源
- 丑化
- 换行
- 发表评论
- 换行
- 与资源库结合
您将需要两个插件:
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-页脚文档,了解构建您要插入的评论的不同方法。例如,您可以从文件或变量中读取它。