gulp常用プラグイン-gulp-clean-css

gulp-clean-cssを使用してcssファイルを圧縮し、ファイルサイズを小さくし、参照urlにバージョン番号を追加してキャッシュを回避します.(以前の同じ機能を持つgulp-minify-cssは廃棄された)
github:https://github.com/scniro/gulp-clean-css
構成gulpfile.js例1

var gulp = require('gulp'),
    cssmin = require('gulp-clean-css');

gulp.task('testCssmin', function () {
    gulp.src('src/css/*.css')
        .pipe(cssmin())
        .pipe(gulp.dest('dist/css'));
});

例2

var gulp = require('gulp'),
    cssmin = require('gulp-clean-css');

gulp.task('testCssmin', function () {
    gulp.src('src/css/*.css')
        .pipe(cssmin({
            advanced: false,//  ：Boolean   ：true [        （      ）]
            compatibility: 'ie7',//  ie7          ：String   ：''or'*' [      ； 'ie7'：IE7    ，'ie8'：IE8    ，'*'：IE9+    ]
            keepBreaks: true,//  ：Boolean   ：false [      ]
            keepSpecialComments: '*'
            //            autoprefixer        ，        ，             
        }))
        .pipe(gulp.dest('dist/css'));
});

gulp-clean-cssのAPIの詳細については、こちらをご覧ください.https://github.com/jakubpawlowicz/clean-css#how-to-use-clean-css-api
例3
cssファイルにurlとバージョン番号(リファレンスファイルのmd 5生産バージョン番号による)を参照します.

var gulp = require('gulp'),
    cssmin = require('gulp-clean-css');
    //       gulp-make-css-url-version [cnpm install gulp-make-css-url-version --save-dev]
    cssver = require('gulp-make-css-url-version'); 

gulp.task('testCssmin', function () {
    gulp.src('src/css/*.css')
        .pipe(cssver()) // css           （  MD5）
        .pipe(cssmin())
        .pipe(gulp.dest('dist/css'));
});

コメントを保持するには、次のようにします.

/*!
   Important comments included in minified output.
*/

コマンドプロンプト実行:gulp testCssmin