安裝工具

全局安裝
npm install --global gulp

項目的依賴安裝
npm install --save-dev gulp

npm install --save-dev gulp-rename

npm install --save-dev gulp-uglify

npm install --save-dev gulp-concat

在要壓縮的src目錄下創建gulpfile.js

var gulp = require(‘gulp‘);
var rename = require(‘gulp-rename‘);
var uglify = require(‘gulp-uglify‘);
 
var concat = require(‘gulp-concat‘);

//建立一個名為jsmin的任務
gulp.task(‘min‘,function(){
    return gulp.src(‘src/**/*.js‘)             //壓縮src目錄下(**表示子目錄)的所有.js文件，
        .pipe(concat(‘all.js‘))       
        .pipe(gulp.dest(‘src‘))                //輸出新文件
        .pipe(uglify())                     //壓縮文件
        .pipe(rename({extname:‘.min.js‘}))    //
 
重命名
        .pipe(gulp.dest(‘src‘))             //執行壓縮後保存的文件夾
});

//建立一個默認執行的任務
gulp.task(‘default‘,[‘min‘])

結果獲得一個未壓縮的all.js和已經壓縮的all.min.js

gulp做簡單的js壓縮