Sass Klasör Yapısının Gulp/Pusula ile Saklanması

Question

Öğrenme yapılandırmamı yeniden yapılandırmak için özellikleri yapılandırmamı yeniden düzenler ve özellikleri modüle eder. yani her bir özellik için açısal js, html ve css'nin birlikte tutulması. Şimdiye kadar sadece bir css klasöründe tek bir css dosyasına derlenmiş scss dosyaları dolu bir sass klasörü vardı.

gulp.task('styles', function() { 
    gulp.src('_components/sass/*.scss') 
     .pipe(compass({ 
     config_file: 'config.rb', 
     css: 'app/css', 
     sass: '_components/sass' 
     })) 
     .on('error', errorLog) 
     .pipe(gulp.dest('app/css')) 
     .pipe(livereload()); 
}); 

Benim config.rb dosya şuna benzer: yudum dosya basitti

ben Açısal kullanıyorum o Şimdi

project_type= :stand_alone 
http_path = "/" 
css_dir = "app/css" 
sass_dir = "_components/sass" 
javascripts_dir = "app/js" 
images_dir = "img" 
line_comments = false 
preferred_syntax = :scss 
output_style = :expanded 
relative_assets = true 

, ben özelliği dayalı SCSS ve css dosyalarını ayırmak istediğiniz onlar ile karşılık gelir. Tüm scss dosyaları bir css dosyasına derlemek yerine, app içindeki css klasörümde taklit edilen sass klasörümdeki bir klasör yapısını kullanmayı tercih ederim.

Ben sass: '_/components/sass/**/*' gibi küstahlık dizinine (ve benim config.rb dosyasında aynı) için joker ekleyerek denedim ama bu bir hata oluşturur: Ben var anlamaya olamaz Temelde NoMethodError on line ["138"] of C: undefined method 'sub' for nil:NilClass

gulp/pusula, sass klasörümdeki bir klasör yapısını tanır ve css klasöründe bunu taklit eder.

Herhangi bir yardım için teşekkür ederiz! Teşekkürler! yerine sass_dir ve sass seçenekleri arasında gulp.src() yılında ** kullanılarak Matt

Answer 1

Dene:

gulp.task('styles', function() { 
    gulp.src('_components/sass/**/*.scss') 
    .pipe(compass({ 
     config_file: 'config.rb', 
     css: 'app/css', 
     sass: '_components/sass' 
    })) 
    .on('error', errorLog) 
    .pipe(gulp.dest('app/css')) 
    .pipe(livereload()); 
});