npm - 在 Gulp 中使用 PostCSS 和 PurgeCSS

Question

我只是想以我能想象的最简单的方式使用 PurgeCSS。但我什至不能这样做！

这段代码没有给出任何错误，它确实在 dest 文件夹中创建了一个新的 CSS 文件，因此 Gulp 正在处理该函数。但是 CSS 结果文件与第一个文件具有相同的未使用样式。

尝试使用 gulp-purgecss：

var gulp        = require('gulp');
var purgecss    = require('gulp-purgecss');

gulp.task('purgecss', function(){
    return gulp.src('dist/css/styles.css')
        .pipe(purgecss({
            content: ['dist/**/*.html']
        }))      
        .pipe(gulp.dest('min/css'));
});

使用 PostCSS + PurgeCSS：

var gulp        = require('gulp');
var postcss     = require('gulp-postcss');
var postcsspurgecss = require('@fullhuman/postcss-purgecss');

gulp.task('postPurge', function(){
    var postcssPlugins = [
        postcsspurgecss({
            content: ['**/*.html']
        })
    ];
    return gulp.src('dist/css/styles.css')
        .pipe(postcss(postcssPlugins))
        .pipe(gulp.dest('min/css'));
});

实际上，理想情况下，我想将它与内部 CSS 一起使用。但是对于这种标准方法的任何帮助将不胜感激。

谢谢！

标签： npmgulppostcss