Gulp将多个js文件缩小为一个 [英] Gulp minify multiple js files to one

问题描述

我是Gulp的新手，想知道如何将我的集合缩减（分解）为单个文件而不是每个文件。
$ b

  var gulp = require（'gulp'）; 
 var uglify = require（'gulp-uglify'）; 
 $ b $ 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'））//它将创建文件夹client.min.js 
}）; 
 
 gulp.task（'default'，['minify']）; 
  

正如您所看到的，我正在尝试缩小3个JavaScript文件，然后将它们输出到一个 client.min.js 。是否有可能？

解决方案

这个插件将帮助 gulp-concat 。

用法：

  var concat = require（'gulp-concat ）; 
 $ b gulp.task（'scripts'，function（）{
 gulp.src（['./ lib / file3.js'，'./lib/file1.js'，' （'.js'））
 .pipe / dist /'））
}）; 
  

I am new to Gulp and wondering how can I minify (concatinate) my collection to single file instead of every file separately.

Example

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']);

As you can see I'm trying to minify 3 javascript files and then output them into one client.min.js. Is it possible?

解决方案

This plugin will help gulp-concat.

Usage:

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文件缩小为一个的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！