Gulp plugin for purgecss
npm install gulp-purgecss
![license]()
> gulp plugin to removed unused CSS, using purgecss
This is just a simple gulp plugin, which means it's nothing more than a thin wrapper around purgecss. If it looks like you are having CSS related issues, please go to the purgecss repo. Only create a new issue if it looks like you're having a problem with the plugin itself.
``
npm i -D gulp-purgecss
npm install --save-dev gulp-purgecss
By default, purgecss outputs the source CSS _with unused selectors removed_:
`js
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'))
})
`
By setting the rejected option, you can 'invert' the output to list _only the removed selectors_:
`js
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'))
})
``
We use SemVer for versioning.
This project is licensed under the MIT License - see the LICENSE file for details