gulp-uglify 壓縮ＪＳ

壓縮ＪＳ

安裝 NPM

npm install gulp-uglify --save-dev

https://www.npmjs.com/package/gulp-uglify

使用

gulp-rename 與 gulp-concat 一起使用

var concat = require('gulp-concat');  //合併檔案
var rename = require("gulp-rename");  //重新命名
var uglify = require('gulp-uglify');  //壓縮檔案

gulp.task('js', function() {
     return gulp.src('./javascripts/**/*.js') // 指定要處理的原始 JavaScript 檔案目錄
     .pipe(concat('default.js')) // 合併後的檔案名稱
     .pipe(gulp.dest('./html/assets/js')) // 指定合併後的 JavaScript 檔案目錄
     .pipe(uglify())                   // 壓縮
     .pipe(rename(function(path){
       path.basename += ".min";
      }))
     .pipe(gulp.dest('./html/assets/js')); // 指定合併後的 JavaScript 檔案目錄
});

執行

$ gulp js
[17:31:07] Using gulpfile ~/gulpfile.js
[17:31:07] Starting 'js'...
[17:31:07] Finished 'js' after 12 ms

執行完畢就可以到目錄看最小化後檔案的成果了！