title: Gulp - Sourcemapping less while combining media queries
body: <p>In this project I am leveraging "Gulp" for some tasks, but recently got a request to add sourcemapping..</p>
  
  <p>I have the sourcemap working, but it seems to have a conflict with other plugins like <code>'gulp-combine-mq'</code> and <code>"gulp-combine-media-queries"</code>  <strong><em>aka "cmq"</em></strong></p>
  
  <p>When running my styles task with "cmq" commented out, i get my sourcemap exactly how i expect it</p>
  
  <pre><code>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'));
  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/bcpPj.png" alt="enter image description here"></p>
  
  <p>When I try to use "cmq", it messes up the mapping</p>
  
  <p><img src="https://i.stack.imgur.com/Q56nM.png" alt="enter image description here"></p>
  
  <p>Has anyone else had this issue using gulp, less, combine-media-queries or combine-mq?</p>
  
  <p>Does anyone have suggestions on how to address this issue? </p>
  
  <ul>
  <li>thanks in advance</li>
  </ul>