Npm 在Gulp中使用postss和PurgeCSS

Npm 在Gulp中使用postss和PurgeCSS,npm,gulp,postcss,Npm,Gulp,Postcss,我只是想用我能想象到的最简单的方式来使用PurgeCSS。但我甚至不能那样做 这段代码没有给出任何错误,它在dest文件夹中创建了一个新的CSS文件,因此Gulp正在处理该函数。但是CSS生成的文件与第一个文件具有相同的未使用样式 尝试过吞咽式清洗: var gulp = require('gulp'); var purgecss = require('gulp-purgecss'); gulp.task('purgecss', function(){ return

我只是想用我能想象到的最简单的方式来使用PurgeCSS。但我甚至不能那样做

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

尝试过吞咽式清洗:

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'));
});
使用POSTSS+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一起使用。但我们非常感谢您对这种标准方法的任何帮助


谢谢

您需要提供一个CSS和HTML没有按预期工作的最小示例。你的大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口大口。有完全相同的问题。purgecss运行时没有错误并输出样式表,但是源代码没有更改,所有未使用的样式都保留在文档中。