我比較喜歡使用Gulp，因為簡單好用！

今天的任務是：使用Gulp來壓縮 jQuery原始碼，各輸出一個壓縮的和未壓縮的版本

第一步：安裝

cnpm install  gulp --save-dev 
cnpm install gulp-rename gulp-uglify --save-dev

第二步：

mkdir Gulp-demo && cd Gulp-demo
cnpm init -y

我的目錄結構如下：

  webpack-demo
  |- package.json
  |- /build
    |- 無（壓縮後的檔案將被放在這）
  
 
|- /src
    |- jquery-3.3.1.js （原檔案，待操作檔案）

第三步：編輯

gulpfile.js檔案，此檔案配置Gulp的行為，就是我想讓Gulp去幫我幹什麼事情，每件事情以 task（任務）為基本單位

gulpfile.js

'use strict';

var gulp = require('gulp');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');

var DEST = 'build/';

gulp.task(
 
'default', function() {
  return gulp.src('./src/jquery-3.3.1.js')
    // 這會輸出一個未壓縮過的版本
    .pipe(gulp.dest(DEST)) //傳入輸出路徑並輸出檔案
    
    // 這會輸出一個壓縮過的並且重新命名未 foo.min.js 的檔案
    .pipe(uglify()) //執行壓縮
    .pipe(rename({ extname: '.min.js' })) //修改檔名為min.js，以示區分
    .pipe(gulp.dest(DEST)); //傳入輸出路徑並輸出檔案
});

成功啦！