Tek bir canavar olması için herhangi bir avantajı var .neredeyse her sayfada kullanılacak stil öğeleri içeren bir css dosyası?

Yönetim kolaylığı için, bir kaç dosya içine CSS farklı türleri çekmek istiyorum düşünüyorum, ve benim ana her dosya eklemek <link /> o kadar kötü mü?

Bu daha iyi olduğunu düşünüyorum

1. pozisyonlar.css
2. düğmeleri.css
3. tablo.css
4. kopyala.css

vs

1. sitesi.css

Yaparken herhangi bir frikiklerinden görülen diğer vs bir yolu var mı?

Bu cevaplaması zor bir soru. Her iki seçenek de benim görüşüme göre artıları ve eksileri var.

Ben şahsen tek BÜYÜK CSS dosyası üzerinden okumayı sevmiyor, ve onu korumak çok zordur. Öte yandan, bölme dışarı işleri yavaşlatmak olabilecek ekstra bir http isteği neden olur.

Bence iki şeyden biri olurdu.

1) Eğer bildiğiniz CSS ASLA değişmez bir kere inşa ederdim inşa birden fazla CSS dosyaları geliştirme aşamasında (duraksız) ve sonra el ile birleştirmek onlardan önce gidip (azaltmak için http istekleri)

2) Eğer sen de değişeceksin CSS arada bir, gerek devam okunabilir yapardım kurmak ayrı bir dosya ve kod kullanın (sunuyorsun kullanarak bir çeşit programlama dili) için bir araya onlarıçalışma zamanızaman bir kaynak domuz zamanı () oluşturun.

Her iki seçenek ile daha http isteklerini azaltmak için istemci tarafında önbellekleme öneririm.

DÜZENLEME:
Zamanında CSS birleştirmek için nasıl gösterir blog Bu sadece kod kullanarak buldum. Bak kendim henüz test etmedim ama () almaya değer.

EDİT 2:
Tasarım zamanında ayrı dosyalar ve küçült ve birleştirmek için inşa süreci kullanmaya karar verdim. Bu şekilde gelişirken (yönetilebilir) ayrı css ve uygun yekpare bir minified çalışma zamanında dosya. Ve ben hala havai zamanında sıkıştırma/minification yapmıyorum çünkü benim statik dosyalar ve daha az sistem var.

sen orada alışveriş için, ben çok inşa sürecinin bir parçası olarak bundler kullanmanızı öneririz. not: Yapı komut dosyası IDE içinde veya bina konum olsun, toplayıcı exe dahil) Windows üzerinde çalıştırılabilir ya zaten node.js çalışan herhangi bir makine üzerinde çalıştırılabilir.