Question

我正在使用最新版本的sass和指南针并使用gulp-compass来构建。即使我在config.rb文件中设置了.map并在gulp-compass选项中设置了选项sourcemap=false，我也会收到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.'
    }));
});

禁用指南针/ scss源地图

1 个答案: