Почему выходные данные gulp-sourcemaps прерываются с помощью gulp-strip-css-comments?

Question

Я хотел бы удалить все комментарии из кода CSS, но я заметил, что когда я добавил gulp-strip-css-comments в свою задачу gulp, sourcemap больше не работает, даже если я уверен, что gulp-strip-css-comments сохраняет комментарий, указывающий на исходную карту /*# sourceMappingURL=style.css.map */ с использованием опции регулярного выражения.

Ниже я добавил мой код и вывод до и после использования Глоток-стрип-CSS-комментарии:

Перед глотком-стрип-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-comments

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')); 
}); 

Answer 1

Помещенные stripCssComments код перед тем sourcemaps .pipe (sourcemaps.write() '')

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(stripCssComments({preserve: /^# sourceMappingURL=/})) 
 
    .pipe(sourcemaps.write('.')) 
 
    .pipe(gulp.dest('./css')); 
 
});