Gulp-la bàn nén sass không làm việc

Question

Chạy Sass 3.4.3, Compass 1.0.1, Gulp 3.8.8 và Gulp-la bàn 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')) 
}); 

la bàn công tác là biên dịch sass nhưng nén không hoạt động. Nó xuất ra một tệp css không nén bình thường.

Answer 1

Những gì bạn cần phải làm việc, nhưng tôi nghĩ rằng plugin gulp-la bàn là một chút lỗi với các thuộc tính cấu hình. Nó hoạt động liên tục cho tôi với kiểu đầu ra trong một tệp config.rb riêng biệt.

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')) 
    ; 
}) 

Với điều này trong file config.rb:

output_style = :compressed 

Answer 2

tôi đã cùng một vấn đề như sau:

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()) 
}); 

Lưu ý rằng có sassStyle biến này được định nghĩa có điều kiện trong phần tiếp theo của mã này, trong đó quá trình process.env node.js là 'xem' giá trị NODE_ENV để chúng ta có thể chuyển đổi giữa thư mục sản xuất và thư mục phát triển:

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

Nó đã không làm các trick nhưng một file config.rb bên ngoài bằng tay chỉnh sửa với:

config_file: 'config.rb', 

với dòng này trong file làm việc:

output_style = :compressed 

Còn bây giờ, tôi chỉ để lại những dòng này đã nhận xét trong tệp dưới dạng giải pháp thay thế.

Tôi đang sử dụng devDependencies sau:

"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" 
    }