禁用compass/scss源映射

Question

我正在使用最新版本的sass和compass，并使用gulp-compass进行构建。尽管我在config.rb文件中设置了sourcemap=false，并在gulp compass选项中设置了选项sourcemap:false，但我还是得到了指南针源地图文件。为了加快构建速度，我有时会禁用源地图。在生成源地图时，运行gulp任务所需的时间大约是前者的两倍。有什么建议吗？

config.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

您可以尝试只使用compass: true选项运行gulp-ruby-sass。以下是您的任务更改为使用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.'
    }));
});