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一起使用。但是，使用这种标准方法的任何帮助将不胜感激。

谢谢！

在Gulp中使用PostCSS和PurgeCSS

0 个答案: