本文介绍了Gulp 将多个 js 文件缩小为一个的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我是 Gulp 的新手，想知道如何将我的集合缩小(连接)到单个文件而不是单独的每个文件.
I am new to Gulp and wondering how can I minify (concatinate) my collection to single file instead of every file separately.
var gulp = require('gulp');
var uglify = require('gulp-uglify');
gulp.task('minify', function () {
gulp.src([
'content/plugins/jquery/jquery-2.1.1.js',
'content/plugins/jquery/jquery-ui.js',
'content/js/client.js'])
.pipe(uglify())
.pipe(gulp.dest('content/js/client.min.js')) // It will create folder client.min.js
});
gulp.task('default', ['minify']);
如您所见，我正在尝试缩小 3 个 javascript 文件，然后将它们输出到一个 client.min.js 中.有可能吗?
As you can see I'm trying to minify 3 javascript files and then output them into one client.min.js. Is it possible?
推荐答案
这个插件将帮助 gulp-concat.
用法:
var concat = require('gulp-concat');
gulp.task('scripts', function() {
gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])
.pipe(concat('all.js'))
.pipe(uglify())
.pipe(gulp.dest('./dist/'))
});
这篇关于Gulp 将多个 js 文件缩小为一个的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！