如何用gulp删除多余的css

1.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'))//输出目录

})

2.cnpm 也可以使用npm

cnpm install gulp-uncss --save-dev

gulp排除文件以：[!+文件描述] 的方式进行排除。不过，记得必须先包括再排除！否则会报错——什么文件都没拿到哪来尺拦的排除呢是吧。

随意写了些，没测过。陵扒胡可能有错误，明确两点即可：

先包含再排除。不包含，排除是没有愿意的。而如果排除之后什么都没剩下，那程序也是没法工作的。

知道要什么，不要什么。规则一般使用通配符来进行排除路径描述。要熟悉通配符的意义和使用方法。

例子：

["a/**/*.js","!a/base/**"] // 排除base 下的任何文件。

["a/**/*.js","!a/base*/**"] // 排除以base开头的任何文件夹的任何文件。

["a/**/*.js","!a/base?/**"] // 排除以base开头后接不为空的一个字符此拆的任何文件夹的任何文件。?表示一个字符gulp.src(["a/*/**.js","!a/*.js"]) // a/ 这一层级的js 文件会被排除但不包括a/下的子文件夹中的js文件。

["a/**/*.js","!a/*/old_*.js"] // 排除 a/ 下所有 old_开头的js文件。

// 除开build,simple,images,node_modules目录，匹配根目录下所有的html与php文件

['./**/*.{html, php}', '!{build, simple, images, node_modules}/**']

// 排除build与node_modules目录，并排除其他目录下以下划线_开头的html与php文件，匹配其余的html与php文件

['./**/!(_)*.{html, php}', '!{build, node_modules}/**']

// 如果要排除的文件描述起来比较复杂，那么建议在使用之前先把要处理的文件整理好，

// 再在gulp.src()中使用：

function changed(){

//..... 处理过程并返回文件路径数组或者字符。

    return foo

}

// 在gulp.src()中使用

//.....

gulp.src(changed()){

    //.pipe()

}

---