Gulp-कम्पास संपीड़ित काम कर

Question

नहीं रनिंग सास 3.4.3, कम्पास 1.0.1, Gulp 3.8.8 और Gulp-कम्पास 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')) 
}); 

कम्पास टास्क है सास सास संकलन लेकिन संपीड़न काम नहीं कर रहा है। यह एक सामान्य असम्पीडित सीएसएस फ़ाइल आउटपुट।

Answer 1

आपको क्या मिला है, लेकिन मुझे लगता है कि गल्प-कंपास प्लगइन कॉन्फ़िगरेशन गुणों के साथ थोड़ी छोटी गाड़ी है। यह एक अलग 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" 
    }