/ / Vakıf 5 özel sass proje kurulumu - zurb-vakıf, pusula-sass, pusula, zurb-vakıf-5

Vakıf 5 özel sass proje kurulumu - zurb-vakıf, pusula-sass, pusula, zurb-vakıf-5

Kullanmak istediğim bir projem varile temel 5. CLI kullanarak yeni bir vakıf projesi yaratma adımından geçtim ama hoşuma gitmiyor. Çok fazla dosya var ve yapı istediğimle uyuşmuyor.

Projeme yalnızca gerekli dosyaları eklemeyi ve tüm css'yi derlemek için pusulayı kullanmayı planlıyorum.

CLI'da yaratılan projede beni şaşırtan birkaç şey olduğunu fark ettim ve bunları temizlemede yardımcı olmak istiyorum.

  • CLI'de oluşturulan projede iki tane var. _settings.scss bower_components içindeki temel dizinin altındaki dosyaları ve bir tane MY_PROJECTscss. Bunun yüzünden olduğunu farz ediyorum. add_import_path "bower_components/foundation/scss" satırında config.rbBu dosyalardan hangisinin tercihi var?

  • Neden yapıyor MY_PROJECT/stylesheets içinde normalize.css (veya foundation.css) yok mu? Ve nasıl değiller? (Benim özel kurulumda, alt dizinlerinde olsa da, üretiliyorlar stylesheets, Ayrıca foundation.css Benim için üretilmekte olan ayar değişiklikleri uygulanmadı, bu yüzden oluşturulmaması gerektiğini düşünüyorum.

Yanıtlar:

Cevap için 0 № 1

İçeriye bakarsan bower_componentsfoundationscss dosyayı göreceksin foundation.scss. Bu dosya, Foundation 5 "paketinde bulunan tüm ek bileşenler için tüm stil sayfalarını içe aktarır." Kökünde scss dizini app.scss SASS'i stylesheetsapp.css. Yani bundan daha çok:

@import "foundation";

Kullanacağınız bileşenleri tek başlarına kaldırın. Böyle bir şey:

@import
//"foundation/components/accordion",
//"foundation/components/alert-boxes",
"foundation/components/block-grid",
//"foundation/components/breadcrumbs",
//"foundation/components/button-groups",
//"foundation/components/buttons",
"foundation/components/clearing",
"foundation/components/dropdown",
//"foundation/components/dropdown-buttons",
//"foundation/components/flex-video",
"foundation/components/forms",
"foundation/components/grid",
//"foundation/components/inline-lists",
//"foundation/components/joyride",
//"foundation/components/keystrokes",
//"foundation/components/labels",
//"foundation/components/magellan",
//"foundation/components/orbit",
//"foundation/components/pagination",
//"foundation/components/panels",
//"foundation/components/pricing-tables",
//"foundation/components/progress-bars",
"foundation/components/reveal",
"foundation/components/side-nav",
//"foundation/components/split-buttons",
"foundation/components/sub-nav",
//"foundation/components/switches",
"foundation/components/tables",
//"foundation/components/tabs",
//"foundation/components/thumbs",
//"foundation/components/tooltips",
"foundation/components/top-bar",
"foundation/components/type",
"foundation/components/offcanvas",
"foundation/components/visibility";

Dosya yapınızı düzene sokmayı tercih ederseniz, herhangi bir scss dosyasını bower_componentsfoundationscssfoundationcomponents kullanmadığınız dizin. İle aynı js dizin. Aslında hiçbir şeyi değiştirmenize gerek yok bower_components Her şeyi işe almak için dizin. Tamamen neden içeride olduğuna emin değilim. bower_componentsAncak, daha sonra gelecek bileşenleri ile çekirdek bileşenleri güncelleyebilmenin bir şey olduğunu hayal ediyorum.

Birisi muhtemelen daha eğitimli bir cevap verebilirdi.

Not; - emin ol compass watch SASS dosyalarınızda yapılan değişiklikleri görmek için CLI'nızda.


ilgili sorular


Yorumlar (0)

Yorum ekle