/ / Foundation 5 vlastné nastavenie projektu sass - zurb-foundation, compass-sass, kompas, zurb-foundation-5

Základné 5 nastavenie projektu sass - zurb-foundation, compass-sass, kompas, zurb-foundation-5

Mám projekt, ktorý by som chcel využiťnadácia 5 s. Prešiel som krokom k vytvoreniu nového nadácie projektu pomocou CLI, ale ja sa mi to nepáči. Je príliš veľa súborov a štruktúra nezodpovedá tomu, čo chcem.

Mám v úmysle do môjho projektu pridať iba požadované súbory a použiť kompas na zostavenie všetkých css.

V projekte vytvorenom na CLI som si všimol niekoľko vecí, ktoré ma zamieňajú a chceli by im pomôcť pri ich odstraňovaní.

  • V projekte vytvorenom na CLI sú dve _settings.scss súborov jeden pod základným adresárom v bower_components a jeden v MY_PROJECTscss, Predpokladám, že kvôli tomu add_import_path "bower_components/foundation/scss" line v config.rb, ktorý z týchto súborov má prednosť?

  • Prečo MY_PROJECT/stylesheets nemá normalize.css (alebo foundation.css) v ňom? A ako tam nie sú? (v mojom vlastnom nastavení sú generované, aj keď v podadresároch stylesheets, tiež foundation.css , ktoré sa generuje pre mňa, nenastala žiadna zmena nastavení, takže by sa nemalo generovať)

odpovede:

0 pre odpoveď č. 1

Ak sa pozriete dovnútra bower_componentsfoundationscss uvidíte súbor foundation.scss, Tento súbor importuje všetky šablóny so štýlmi pre všetky ďalšie komponenty, ktoré prichádzajú v balíku nadácie 5 "." V koreňoch scss adresár, app.scss je to, čo kompiluje SASS do stylesheetsapp.css, Takže skôr ako toto:

@import "foundation";

Oddeľte jednotlivé komponenty, ktoré budete používať: Niečo takého:

@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";

Ak by ste chceli zefektívniť štruktúru súborov, odporúčam vám odstrániť všetky súbory bower_componentsfoundationscssfoundationcomponents ktorý nebudete používať. Rovnaké s js adresár. V skutočnosti nemusíte nič upravovať bower_components aby všetko fungovalo. Nie je úplne istý, prečo to všetko obsahuje bower_components, ale myslím si, že to má niečo spoločné s tým, že bude môcť aktualizovať základné komponenty neskôr s budúcimi verziami.

Niekto iný by pravdepodobne mohol poskytnúť vzdelanejšiu odpoveď.

PS: - Uistite sa, že compass watch vo vašom CLI, aby ste videli niektorú z týchto zmien vykonaných vo vašich súboroch SASS.


Súvisiace otázky


Komentáre (0)

Pridať komentár