爲什麼gulp-sourcemaps輸出與gulp-strip-css-comments斷裂？

Question

我想刪除CSS代碼中的所有評論，但我注意到當我在我的gulp任務中添加gulp-strip-css-comments時，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

012前sourcemaps .pipe個

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