如何通过 clean-css 缩小来保持我的相对路径？答案

【问题标题】：How to keep my relative paths with clean-css minifying?如何通过 clean-css 缩小来保持我的相对路径？
【发布时间】：2017-05-04 15:03:24
【问题描述】：

为什么下面的 gulp 代码会删除我的相对路径？

我正在使用clean-css：

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());
});

原始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;
}

使用 gulp 缩小后：

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

如何保留这些相对路径？

【问题讨论】：

请链接到您正在使用的确切插件。
@EmileBergeron 我已经更新了我的问题。
只是猜测，但请尝试在您的 cleanCSS 选项中设置 rebase: false 选项 ala: cleanCSS(debug: true, rebase: false}) 并报告是否有帮助。
@Mark 它适用于该选项。谢谢！他们应该在文档中有这个！
太好了，我已经回答了。

标签： gulp gulp-clean-css

【解决方案1】：

尝试将 rebase 选项设置为 false（默认为 true），这样您的路径就不会被 cleanCSS 修改。

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

【讨论】：