使用gulp-uncss清理多余無用css

 

cnpm 也可以使用npm

cnpm install gulp-uncss --save-dev

 

gulpfile.js

var gulp = require('gulp'),
    uncss = require('gulp-uncss');
gulp.task('uncss', function() {
    gulp.src('src/css/origin.css')   //冗余css文件
        .pipe(uncss({
            html: ['src/origin.html']  //使用css的html頁面，可多個
        }))
        .pipe(gulp.dest('build/css/uncss')); //輸出目錄
});

 

挺簡單得就去除多余無用的css，再也不用css usage自己手動搞。