title: Gulp-generated source maps don't work in Chrome
body: <p>Apart from enabling <code>source maps</code> in Chrome, in my gulpfile.js I use <code>errLogToConsole: true, sourceComments: 'map', sourceMap: 'sass'</code> as arguments when calling <code>sass</code> based on <a href="https://stackoverflow.com/a/24443990/871404">this answer</a>:</p>
  
  <pre><code>gulp.task('sass', function() {
    return gulp.src('../assets/styles/**/*.scss')
    .pipe(plumber({ errorHandler: onError }))
    .pipe(sass({errLogToConsole: true, sourceComments: 'map', sourceMap: 'sass'}))
    .pipe(autoprefixer())
    .pipe(gulp.dest('../dist/styles'))
    .pipe(browserSync.reload({
      stream: true
    }))
  });
  </code></pre>
  
  <p>Yet <code>SCSS</code> content still doesn't show up in DevTools. Why?</p>
  
  <p>Note: source map comments do show up in compiled CSS as shown in screenshot below</p>
  
  <p><a href="https://i.stack.imgur.com/md954.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/md954.png" alt="enter image description here"></a></p>