2014-11-12 18 views
5

derin dosyalarından baz küstahlığı kullanarak Meteor Sass:aşağıdaki dosya yapısına sahip bir meteor proje var

.meteor 
client 
    dashboard 
    dashboard.scss 
    client.scss 

Benim temel küstahlık dosya istemci klasöründe bulunan client.scss olduğunu.

İstemci.scss'de $ flat düğmesini tanımlar. Sonra ben import '../client'; eklemeden dashboard.css içinde kullanamıyorum. Ancak bunu birden çok dosyada yaptığımda, bu birleştirilmiş css dosyasında yinelenen girişlere neden olur. Almazsam, Meteor değişkeni bulamadığı için hataları bildirir.

Bu çalışma için sass derleyicisine ayarları eklemeliyim mi?

+0

Burada problem görmüyorum? Başka bir yerde erişilebilir olması için değişkene ihtiyacınız varsa, başka bir yerde tanımlayın veya içe aktarmalarınızın sırasını değiştirin. – cimmanon

+0

Temel bir sass dosyasına sahip olmanın tüm noktası, renkleri her alt dosyada yeniden görmek istemem. Ve ithalat siparişinde bildiğim kadarıyla hiçbir etkisi yok. – Difusio

+0

Ve sadece değişkenleri içeren bir * yeni * dosyası oluşturamazsınız? – cimmanon

cevap

4

Eğer Meteor projesinde Sass derlemek için fourseven:scss paketini kullanıyorsanız, sadece the standard method of naming a partial stylesheet with Sass olan bir alt çizgi ile içe aktarılan .scss dosyaların adlarını önüne eklemeniz gerekebilir. Senin durumunda

, sizin klasör ve dosya yapısı şekilde değiştirilmelidir:

.meteor 
    client 
    dashboard 
     _dashboard.scss 
    client.scss 

Ve sonra şöyle client.scss yılında _dashboard.scss dahil etmek bir @import deyimini kullanmak mümkün olmalıdır:

@import 'dashboard' 

Bazı nedenlerle dosyalarınızı bu şekilde yeniden adlandırmak istemiyorsanız, aynı sonuç için .scssimport uzantısını da kullanabilirsiniz.

Bu yardımcı olur umarım!

İlgili konular