How to keep my relative paths with clean-css minifying?

Question

Why does gulp code below remove my relative paths?

gulp.task('build-css', function() {
    return gulp.src([
        'style.css',
        ])
        .pipe(sourcemaps.init())
        .pipe(cleanCSS({debug: true}))
        .pipe(concat('bundle.min.css'))
        .pipe(sourcemaps.write('./maps'))
        .pipe(gulp.dest('dist'))
        .pipe(livereload());
});

Original css:

@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/social-media/icomoon.eot?mh2h47');
  src:  url('../fonts/social-media/icomoon.eot?mh2h47#iefix') format('embedded-opentype'),
    url('../fonts/social-media/icomoon.ttf?mh2h47') format('truetype'),
    url('../fonts/social-media/icomoon.woff?mh2h47') format('woff'),
    url('../fonts/social-media/icomoon.svg?mh2h47#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

After minifying with gulp:

@font-face{font-family:icomoon;src:url(fonts/social-media/icomoon.eot?mh2h47);src:url(fonts/social-media/icomoon.eot?mh2h47#iefix)

How can I keep these relative paths?

Just guessing, but try setting the rebase: false option in your cleanCSS options ala: cleanCSS(debug: true, rebase: false}) and report back if that helps. — Mark, May 04 '17 at 20:52
@Mark it works with that option. thanks! they should have this in the doc! — Run, May 04 '17 at 21:31

score 3 · Accepted Answer · answered May 05 '17 at 00:15

3

Try setting the rebase option to false (true is the default) so that your paths are not modified by cleanCSS.

.pipe(cleanCSS( {debug: true, rebase: false} )

answered May 05 '17 at 00:15

Mark

143,421
24
428
436

How to keep my relative paths with clean-css minifying?

1 Answers1