Использование Post CSS и Purge CSS в Gulp - PullRequest
Новая
       43

Использование Post CSS и Purge CSS в Gulp

0 голосов
/ 10 января 2020

Я просто пытаюсь использовать Purge CSS самым простым способом, который я могу себе представить. Но я даже не могу этого сделать!

Этот код не выдает никакой ошибки, и он создает новый файл CSS в папке dest, поэтому Gulp обрабатывает функцию. Но полученный файл CSS имеет те же неиспользуемые стили, что и первый.

Пробовал с gulp-purge 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'));
});

И с Post CSS + Purge CSS: 

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. Но любая помощь с этим стандартным подходом будет высоко ценится.

Спасибо!

...