mariocasciaro / gulp-concat-css

Concatenates css files, bubbling up import statements (as per the standard), and optionally rebasing urls and inlining local import statements.
MIT License
78 stars 19 forks source link

Problem with css from angular-toastr #38

Open dgrubelic opened 8 years ago

dgrubelic commented 8 years ago

Hi there,

i have this gulp setup to compile all bower libraries into one big css:

var gulp = require('gulp');
var mainBowerFiles = require('gulp-main-bower-files');
var concatCss = require('gulp-concat-css');
var gulpFilter = require('gulp-filter');
var uglifycss = require('gulp-uglifycss');
var plumber = require('gulp-plumber');

function errorHandler(err) {
  console.error(err);
}

gulp.task('libraries.css', function () {
  var filterCSS = gulpFilter('**/*.css', { restore: true });
  gulp.src('./bower.json')
    .on('error', errorHandler)
    .pipe(plumber(errorHandler))
    .pipe(mainBowerFiles())
    .pipe(filterCSS)
    .pipe(concatCss('libs.css'))
    .pipe(uglifycss())
    .pipe(gulp.dest('./public/styles'))
});

The problem is with angular-toastr who's css file contains base64 encoded image as background.

https://github.com/Foxandxss/angular-toastr https://github.com/Foxandxss/angular-toastr/blob/master/dist/angular-toastr.css