Gulp-generated source maps don't work in Chrome
I'm not really sure which version of gulp-sass
you're using that was allowing you to pass these sourceMaps options, but using the latest version, they leverage gulp-sourcemaps instead, allowing you to do something like this:
const sourcemaps = require('gulp-sourcemaps')gulp.task('sass', function () { return gulp.src('../assets/styles/**/*.scss') .pipe(plumber({ errorHandler: onError })) .pipe(sourcemaps.init()) .pipe(sass().on('error', sass.logError)) .pipe(sourcemaps.write()) .pipe(autoprefixer()) .pipe(gulp.dest('../dist/styles')) .pipe(browserSync.reload({ stream: true }))})
By default it will inline your sourcemaps to the output file, but you can specify a file in the sourcemaps.write
function, to change this behavior.