使用 gulp-minify 縮小 JS

首先,將 gulpgulp-minify 安裝到本地專案目錄中

npm install --save-dev gulp gulp-minify

然後將以下 min-js 任務新增到你的 gulpfile.js

var gulp = require('gulp');
var minify = require('gulp-minify');

gulp.task('min-js', function() {
    return gulp.src('lib/*.js')
        .pipe(minify({
            ext: {
                min: '.min.js'
            },
            ignoreFiles: ['-min.js']
        }))
        .pipe(gulp.dest('lib'))
});

gulp.task('watch', function(){
  gulp.watch('lib/*.js', ['min-js']); 
  // Other watchers
});

gulp.task('default', ['min-js', 'watch']);

此任務在 lib 目錄中查詢所有 js 檔案,將其縮小並以 .min.js 字尾儲存到 lib 目錄。例如,在 minify lib/app.js 檔案之後將建立一個 lib/app.min.js 檔案

除了作為'default' gulp 任務的依賴項執行之外,還可以通過鍵入以下命令手動執行此任務:

gulp min-js