Gulp-compass压缩sass不工作

Avi*_*ese 6 css sass compass-sass gulp css-preprocessor

运行Sass 3.4.3,Compass 1.0.1,Gulp 3.8.8Gulp-compass 1.3.1

gulp.task('compass', function() {
    gulp.src('comp/sass/style.scss')
        .pipe(compass({
            sass: 'comp/sass',
            image: 'dev/theme/images',
            style: 'compressed'
        })
        .on('error', gutil.log))
        .pipe(gulp.dest('dev/theme/css'))
});
Run Code Online (Sandbox Code Playgroud)

指南针任务正在编译sass但压缩不起作用.它输出一个正常的未压缩的css文件.

小智 0

你所拥有的应该可以工作,但我认为 gulp-compass 插件的配置属性有点问题。它与单独的 config.rb 文件中的输出样式对我来说一致。

var gulp = require('gulp');
var compass = require('gulp-compass');
var gutil = require('gulp-util');

gulp.task('compass', function() {
    return gulp.src('comp/sass/style.scss')
        .pipe(compass({
            config_file: 'config.rb',
            sass: 'comp/sass',
            image: 'dev/theme/images'
        })
        .on('error', gutil.log))
        .pipe(gulp.dest('dev/theme/css'))
    ;
})
Run Code Online (Sandbox Code Playgroud)

在 config.rb 文件中添加以下内容:

output_style = :compressed
Run Code Online (Sandbox Code Playgroud)