compass-sass - 禁用 compass/scss 源 map

Question

我正在使用最新版本的 sass 和 compass 并使用 gulp-compass 进行构建。即使我在 config.rb 文件中设置了 sourcemap=false 并设置了选项 sourcemap:false 在 gulp-compass 选项中。我想有时禁用 sourcemaps 以加快构建速度。生成 sourcemaps 时运行 gulp 任务大约需要两倍的时间。有什么建议吗？

配置.rb:

http_path = "/"
css_dir = "css"
sass_dir = "sass"
images_dir = "img"
javascripts_dir = "js"
sourcemap = false
output_style = ":compact"

gulp.js:

gulp.task('compass', function() {
    return gulp.src(['sass/screen.scss', 'sass/screen_fallback.scss']).pipe(compass({
        config_file: 'config.rb',
        css: 'css',
        sass: 'sass',
        sourcemap: false
    })).on('error', function(err) {
        notify({
            message: err
        })
    }).pipe(notify({
        message: 'Compass processed.'
    })).pipe(minifycss()).pipe(rename({
        suffix: '.min'
    })).pipe(gulp.dest('css')).pipe(notify({
        message: 'CSS minified.'
    }));
});

Answer 1

你可以试着运行 gulp-ruby-sass使用 compass: true 选项。这是您的任务更改为使用 gulp-ruby-sass:

gulp.task('compass', function() {
    return gulp.src(['sass/screen.scss', 'sass/screen_fallback.scss']).pipe(rubysass({
        'sourcemap=none': true,
        compass: true
    })).on('error', function(err) {
        notify({
            message: err
        })
    }).pipe(notify({
        message: 'Compass processed.'
    })).pipe(minifycss()).pipe(rename({
        suffix: '.min'
    })).pipe(gulp.dest('css')).pipe(notify({
        message: 'CSS minified.'
    }));
});