Глоток компас сжатия дерзость не работает

Question

Запуска Sass 3.4.3, Compass 1.0.1, глотка 3.8.8 и Глоток компас 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')) 
}); 

компас задачи являются компиляция sass, но сжатие не работает. Он выводит обычный несжатый файл css.

Answer 1

У вас есть работа, но я думаю, что плагин 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')) 
    ; 
}) 

При этом в config.rb файле:

output_style = :compressed 

Answer 2

Я была такая же проблема со следующим:

gulp.task('compass', function() { 
    gulp.src(sassSources) 
    .pipe(compass({ 
     sass: 'components/sass', 
     image: outputDir + '/images', 
     style: sassStyle 
    })) 
    .on('error', gutil.log) 
    .pipe(gulp.dest(outputDir + '/css')) 
    .pipe(connect.reload()) 
}); 

Обратите внимание, что эта переменная sassStyle которая определяется условно в этой следующей части кода, где процесс node.js process.env является «наблюдающим» значением NODE_ENV, поэтому мы можем переключаться между производственной папкой и папкой разработки:

env = process.env.NODE_ENV || 'development'; 
if (env ==='development') { 
    outputDir = 'builds/development/'; 
    sassStyle = 'expanded'; 
} else { 
    outputDir = 'builds/production/'; 
    sassStyle ='compressed'; 
} 

Это не сделать трюк, но внешний файл config.rb вручную отредактировано:

config_file: 'config.rb', 

с этой строкой в ​​файле работал:

output_style = :compressed 

Сейчас я просто оставили эти строки прокомментированными в файле в качестве обходного пути.

Я использую следующие devDependencies:

"devDependencies": { 
    "gulp": "^3.9.1", 
    "gulp-browserify": "^0.5.1", 
    "gulp-coffee": "^2.3.2", 
    "gulp-compass": "^2.1.0", 
    "gulp-concat": "^2.6.0", 
    "gulp-connect": "^5.0.0", 
    "gulp-util": "^3.0.7", 
    "jquery": "^3.1.0", 
    "mustache": "^2.2.1" 
    }