Gulp-组合媒体查询时无源映射

在这个项目中，我利用“Gulp”完成一些任务，但最近收到了添加sourcemapping的请求

我让sourcemap正常工作，但它似乎与其他插件有冲突，如

'gulp-combine-mq'

和

“gulp-combine-media querys”

又名“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、combine media Query或combine mq时遇到此问题

有人对如何解决这个问题有什么建议吗

• 提前谢谢

---

你应该考虑使用你的缩小任务（如果你还没有做过），因为GULP缩小CSS通过，它的选项直接传递给.< /P>

---

clean css现在确实支持媒体查询合并，请参阅：

谢谢@SLaks-刚刚在combine mq github上提交了一个问题。谢谢@Bass-我确实使用gulp minify css，但会尝试clean。为了获得源地图，我自己重新安排了更少的资源