我創建了一個Gulp任務,styles
,它從Sass文件創建縮小和非縮小的CSS文件。我也想創建縮小的和非縮小的Sourcemap,但是,這似乎不起作用。一個Gulp流中的兩個Sass源圖片
下面是代碼:
// Compile Sass, Autoprefix and minify
gulp.task('styles', function() {
return gulp.src('./assets/scss/**/*.scss')
.pipe(plumber(function(error) {
gutil.log(gutil.colors.red(error.message));
this.emit('end');
}))
.pipe(sourcemaps.init()) // Start Sourcemaps
.pipe(sass())
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(sourcemaps.write('../maps'))
.pipe(gulp.dest('./assets/css/')) // Create sourcemap
.pipe(rename({suffix: '.min'}))
.pipe(cssnano())
.pipe(sourcemaps.write('../maps')) // Create minified sourcemap
.pipe(gulp.dest('./assets/css/'))
});
目前,這將引發一個錯誤,並且不會創建精縮sourcemap。但是,如果我刪除其中一個sourcemap.write實例,那麼它工作得很好。
是否有可能在一個流中創建兩個源地圖?
爲什麼你會想要一個精縮sourcemap?這難道不能擊敗縮小的目的嗎? – cimmanon
源映射未嵌入縮小文件 - 它是一個單獨的文件。能夠看到縮小風格的起源真的很有幫助。 – JeremyE