Gulp-合并媒体查询时，源映射更少

Question

在这个项目中，我将“ Gulp”用于某些任务，但是最近收到了添加源映射的请求。

我可以使用sourcemap，但是它似乎与其他插件（如'gulp-combine-mq'和"gulp-combine-media-queries" 又称为“ cmq”）发生冲突

在注释掉“ cmq”的情况下运行样式任务时，我得到的Sourcemap完全符合我的期望

gulp.task('styles', function () {
  gulp.src('./assets/src/less/main.less')
    .pipe(sourcemaps.init())
    .pipe(less().on('error', gutil.log))
    //.pipe(cmqs().on('error', gutil.log))
    .pipe(rename({suffix: '.min'}))
    .pipe(minifycss())
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('./assets/css'));
});

当我尝试使用“ cmq”时，它使映射混乱

有没有其他人使用gulp，less，combining-media-queries或Combine-mq遇到此问题？

有人对如何解决此问题有建议吗？

• 提前致谢

Answer 1

您应该考虑将gulp-minify-css用于您的minify任务（如果尚未执行），因为gulp-minify-css会将其选项直接传递给clean-css 。

clean-css现在确实支持媒体查询合并，请参阅： https : //github.com/jakubpawlowicz/clean-css/commit/6ed784a4aae91e5d7f48cf189c24095dfb8062cd