跳到主要内容

Gulp 插件

安装

npm i -D gulp-purgecss
npm install --save-dev gulp-purgecss

用法

默认情况下,purgecss 输出 删除了未使用的 CSS 选择器 的 CSS 源码:

const gulp = require('gulp')
const purgecss = require('gulp-purgecss')

gulp.task('purgecss', () => {
return gulp.src('src/**/*.css')
.pipe(purgecss({
content: ['src/**/*.html']
}))
.pipe(gulp.dest('build/css'))
})

通过设置 rejected 参数,你可以“反转”输出,也就是仅列出 被删除的 CSS 选择器

const gulp = require('gulp')
const rename = require('gulp-rename')
const purgecss = require('gulp-purgecss')

gulp.task('purgecss-rejected', () => {
return gulp.src('src/**/*.css')
.pipe(rename({
suffix: '.rejected'
}))
.pipe(purgecss({
content: ['src/**/*.html'],
rejected: true
}))
.pipe(gulp.dest('build/css'))
})