Помимо включения source maps
в Chrome, в моем gulpfile.js я использую errLogToConsole: true, sourceComments: 'map', sourceMap: 'sass'
в качестве аргументов при вызове sass
на основе этого ответа:
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
}))
});
Тем не менее контент SCSS
по-прежнему не отображается в DevTools. Почему?
Примечание: комментарии исходной карты отображаются в скомпилированном CSS, как показано на скриншоте ниже