Sass a Gulp základ použití

Sass a Gulp základ použití

V současné době je moderní použití CSS preprocesorů. Vyzkouším si základní použití na jednoduchém webu. Předpokladem je instalace Node.js. Ověříme si instalaci vypsáním verze.

Protože chci být hodně moderní budu používat nástroj pro automatizaci úloh Gulp.

To nám nainstaluje gulp globálně. Dále si vytvoříme strukturu projektu, pro jednoduchý projekt něco takového

dále provedeme instalaci gulp pluginu pro sass

přidají je se nám závislosti do package.json

a teď už jdeme na samotný Gulpfile.js

no a nyní stačí v projektu c consoli pustit gulp a po editaci style.scss se  adresáři css objeví style.css vygenerovaný automaticky ze sassového style.scss. Můžeme naplno využít výhody Sassu a k tomu ještě Gulp poskytuje spoustu dalších užitečných pluginů a vrátím se k nim možná příště.

 

3 thoughts on “Sass a Gulp základ použití

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *