अचानक अचानक धीरे-धीरे संकलित

Question

हाल ही में, किसी भी कारण से मैं कह सकता हूं कि सख्ती से काम करने के लिए मेरे गल्प संकलन समय बेहद धीमे हो गए हैं। वे अब प्रति संकलन 18-20 के आसपास औसत हैं, जो मौत धीमी है। मैंने रूबी-एसएएस से नोड-सास में स्विच करने की कोशिश की, लेकिन नोड-सास लगभग 3.3 एसएएस सिंटैक्स का समर्थन नहीं करता है, जिसे मुझे चाहिए (विशेष रूप से मानचित्र)। इससे पहले कि वे सभी एमएस रेंज में थे; मुझे याद नहीं है कि उन्हें 1 से भी ज्यादा होना चाहिए।

यहाँ सास के लिए मेरे काम फ़ाइल है:

[11:56:22] Starting 'setWatch'... 
[11:56:22] Finished 'setWatch' after 44 μs 
[11:56:22] Starting 'browserify'... 
[11:56:22] Running 'bundle'... 
[11:56:22] Starting 'uglify'... 
[11:56:22] Finished 'uglify' after 11 ms 
[11:56:22] Starting 'styl'... 
[11:56:24] Finished 'bundle' in 1.76 s 
[11:56:24] Finished 'browserify' after 1.76 s 
[11:56:38] Finished 'styl' after 16 s 
[11:56:38] Starting 'build'... 
[11:56:38] Finished 'build' after 15 μs 
[11:56:38] Starting 'browserSync'... 
[11:56:38] Finished 'browserSync' after 6.28 ms 
[11:56:38] Starting 'watch'... 
[11:56:38] Finished 'watch' after 46 ms 
[11:56:38] Starting 'default'... 
[11:56:38] Finished 'default' after 32 μs 
[BS] Proxy running. Use this URL: http://10.0.1.6:3002 
[11:56:45] Starting 'styl'... 
[BS] File Changed: screen.min.css 
[BS] Injecting file into all connected browsers... 
[11:57:05] Finished 'styl' after 20 s 

Answer 1

इसका जवाब Gulp कोई लेना देना नहीं है, बल्कि ऐसा करने के लिए:

var gulp   = require('gulp'); 
var sass   = require('gulp-ruby-sass'); 
var autoprefixer = require('gulp-autoprefixer'); 
var minifycss = require('gulp-minify-css'); 
var notify  = require('gulp-notify'); 
var rename  = require('gulp-rename'); 
var handleErrors = require('../util/handleErrors'); 
var browserSync = require('browser-sync'); 

gulp.task('styl', function() { 
    return gulp.src('styl/src/screen.scss') 
     .pipe(sass({sourcemap: false, style: 'compact'})) 
     .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4')) 
     .pipe(gulp.dest('styl/bld')) 
     .pipe(rename({suffix: '.min'})) 
     .pipe(minifycss()) 
     .pipe(gulp.dest('../bld')) 
     .pipe(notify({ message: 'Styles task complete' })) 
     .pipe(browserSync.reload({ stream: true, notify: false })) 
     .on('error', handleErrors); 
}); 

यहाँ हाल ही में एक घूंट रन भी है टिप्पणियों में संभावित डुप्लिकेट के साथ जो इस https://github.com/sass/sass/issues/1019 से लिंक है।

मैंने अस्थायी रूप से Susy 2.x से Susy 1.x पर स्विच करके इसे अस्थायी रूप से ठीक किया। उपरोक्त संदर्भित लिंक में काइज की टिप्पणी के अनुसार, मूल रूप से सूसी में अवधि() का हर उपयोग पूरी तरह से संकलन समय को मार रहा है: Susy 1.x पर वापस स्विच ~ 24s संकलन समय से ~ 4s संकलन समय तक ले गया। मुझे यकीन नहीं है कि यह वही मुद्दा अन्य ढांचे से संबंधित है, लेकिन मुझे लगता है कि यह हो सकता है।

संपादित करें: इस मुद्दे पर आगे की जानकारी, Susy के लिए विशिष्ट: https://github.com/ericam/susy/issues/325#issuecomment-47670013

Answer 2

मैं भी नोड सास और एंबर-CLI के साथ इस एक ही समस्या में पड़ गए। वास्तव में हमारे संकलन समय को मार रहा था @extends निर्देश का कोई भी उपयोग था। उनमें से प्रत्येक ने हमारे संकलन समय में लगभग 10 सेकंड जोड़े।