I'm having an issue getting gulp-uncss playing nicely with postcss. I was originally u

Works fine for me: <div class="highlight highlight-source-js notranslate position-

Using gulp-uncss with postcss about gulp-uncss HOT 4 CLOSED

ben-eb commented on June 15, 2024

Using gulp-uncss with postcss

from gulp-uncss.

Comments (4)

ben-eb commented on June 15, 2024

Works fine for me:

var postcss = require('gulp-postcss');
var uncss = require('gulp-uncss');
var gulp = require('gulp');

gulp.task('default', function () {
  return gulp.src('./fixture.css')
    .pipe(postcss([ require('postcss-size') ]))
    .pipe(uncss({html: ['./index.html']}))
    .pipe(gulp.dest('out'));
});

fixture.css:

h1, h2 {
  size: 50px;
}

index.html:

<html><body><h1>hello</h1></body></html>

output:

h1 {
  width: 50px;
  height: 50px;
}

from gulp-uncss.

codedbypaul commented on June 15, 2024

Ok. After changing the source to a single css file it works.

Seems it doesn't like:

return gulp.src(config.development.css.src + {style,style.ie}.css

Turns out it's because the style.ie.css file was empty.

from gulp-uncss.

ben-eb commented on June 15, 2024

OK, no problem. I've added a check that will simply pass through the CSS when the file is empty; as uncss'ing an empty string should return an empty string and not a crash. 😄

It's available since 1.0.4.

from gulp-uncss.

codedbypaul commented on June 15, 2024

Cool. :)

from gulp-uncss.

Related Issues (20)

Recommend Projects