Я хотел бы удалить все комментарии из кода CSS, но заметил, что при добавлении gulp- strip-css-comments для моей задачи gulp, исходная карта больше не работает, даже когда я удостоверяюсь, что gulp-strip-css-comments сохраняет комментарий, указывающий на исходную карту /*# sourceMappingURL=style.css.map */
с помощью параметра регулярного выражения.
Ниже я добавил свой код и вывод до и после использования gulp-strip-css-comments:
Перед комментариями gulp-strip-css
gulp.task('sass:dev', function () {
gulp.src('./sass/*.scss')
.pipe(sourcemaps.init())
.pipe(
sass({
includePaths: [
'./node_modules/breakpoint-sass/stylesheets/'
]
})
.on('error', sass.logError)
)
.pipe(autoprefixer({
browsers: ['last 2 version', 'ie 11']
}))
.pipe(sourcemaps.write('.'))
.pipe(gulp.dest('./css'));
});
После комментариев gulp-strip-css
gulp.task('sass:dev', function () {
gulp.src('./sass/*.scss')
.pipe(sourcemaps.init())
.pipe(
sass({
includePaths: [
'./node_modules/breakpoint-sass/stylesheets/'
]
})
.on('error', sass.logError)
)
.pipe(autoprefixer({
browsers: ['last 2 version', 'ie 11']
}))
.pipe(sourcemaps.write('.'))
.pipe(stripCssComments({preserve: /^# sourceMappingURL=/}))
.pipe(gulp.dest('./css'));
});