使用 gulp-clean-css 和 gulp-rename

首先,將 gulpgulp-clean-cssgulp-rename 安裝到專案目錄 localy

npm install --save-dev gulp gulp-clean-css gulp-rename

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

var gulp = require('gulp');
var cleanCSS = require('gulp-clean-css');
var rename = require('gulp-rename');

gulp.task('minify-css', function() {
    return gulp.src('css/dist/dist.css')
        .pipe(cleanCSS())
        .pipe(rename('dist.min.css'))
        .pipe(gulp.dest('css/dist'));
});

gulp.task('watch', function(){
  gulp.watch('css/dist/**/*.css', ['minify-css']); 
  // Other watchers
});

gulp.task('default', ['minify-css', 'watch']);

這裡 .pipe(cleanCSS()) 執行你的 css/dist/dist.css 檔案的縮小,.pipe(rename('concat.min.css')) 將它重新命名為 dist.min.css