Autor Zpráva
jefitto44
Profil
Myslím, že nadišiel ten správny čas, aby som sa vykašlal konečne na tisícové riadky CSS-ka a začal robiť v LESS.
Takže ako na to? Používam sublime text 2, dúfam, že podporuje LESS syntax, ak nie, pôjdem aj do sublime-u trojky.

Chcem to používať na kódenie vlastných wordpress šablón. Moja predstava je asi takáto:
Založím normálne novú tému - index.php a style.css a do tohto style.css by sa mal zapisovať výstup z LESS. Niekde v téme si spravím zložku s názvom LESS a tam bude súbor s názvom style.less a v ňom už píšem samostatné "LESS-ko". Problém je kompiler, ktorý by som musel asi zakaždým spúšťať, aby sa zápis do style.css v roote témy vykonal. Dá sa to nejako spraviť tak, že vždy, keď uložím nový style.css, tak sa mi automaticky spustí kompilátor a prepíše kód v style.css? Viete čo myslím... ?
anonymníí
Profil *
jefitto44:
Dá sa to nejako spraviť tak, že vždy, keď uložím nový style.css, tak sa mi automaticky spustí kompilátor a prepíše kód v style.css?
Ano, dá.

Další dotaz?

Proč si něco nepřečteš? Musí ti všechno všichni cpát až pod nos?
cokies
Profil *
jefitto44:
Kompilovat automaticky můžeš pomoci PHP anebo pomoci gruntu (less, watch), případně existuje nějaká ptákovina do hlavičky nějaký JS který ti to taky zkompiluje, problém jsou pak sours mapy
jefitto44
Profil
Čo to sú sours mapy?

Javascript vie zapísovať do súboru? (Pýtam sa, lebo s javascriptom nie som veľmi kamarát)

Ako na tú automatickú kompiláciu? Vyrobiť nejaký script, ktorý by detekoval, že došlo k zmene súboru a vtedy by spustil kompilator?
juriad
Profil
Neumí zapisovat do souboru. Tato možnost slouží jako způsob, jak simulovat kompilaci přímo v prohlížeči (http://lesscss.org/#client-side-usage). Věnuj hodinku čtení oficiální dokumentace; získáš dobrou představu o tom, co to umí a jak se to používá.

http://lmgtfy.com/?q=less+compile+when+changed
jefitto44
Profil
Juriad, možnosť, ktorú uvádzaš ty, som pochopil asi tak, že vlastne ani nijaké style.css nebude existovať. Teda bude, ale bude prázdne. A vždy, keď príde užívateľ na stránku, tak sa špeciálne jemu na PC spusti javasciprt kompilácia a uvidí stránku tak, ako má
juriad
Profil
jefitto44:
Já to jen rozvedl, protož tys na zareagoval na „případně existuje nějaká ptákovina do hlavičky nějaký JS který ti to taky zkompiluje“.
Ano, přesně, neodkazoval bys na css, ale na less. Uvědom si, že to není určené na produkci a jak říká cokies, ne vše v tomto režimu funguje.

Z toho důvodu používej normální kompilaci za pomoci některého nástroje z toho druhého odkazu. Nic ti však nebrání napsat si něco svého na hlídání souborů.
cokies
Profil *
jefitto44:

Na Grunt potřebuješ nainstalovat Nodej.js pote můžeš stáhnout a nainstalovat Grunt, Grunt watch, Grunt Less

Instalace přes příkazová řádek: npm install grunt-npm-install

Potom nastavíš cesty a spustíš skrz konzoli grunt watch, ten ti potom hlídá, jestli se v less souborech něco nezmění, pokud ano, zkompiluje CSS

Pokud chceš mohu ti sem hodit package.json se všemi balíčky a konfigurační soubor Gruntfile.js

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0