/ / Dust JS Templating vizualizácia a generovanie - dust.js

Prach JS Templiká vizualizácia a generácia - dust.js

Chcel by som vedieť, nástroje pre podporu šablón dustjs pre nasledujúce.

  1. Vizualizácia WYSWYG. Existuje nástroj, pomocou ktorého môžem zobraziť náhľad html šablóny, zatiaľ čo upravujem súbor šablóny dustjs.
  2. Automatické vytváranie šablón z drôtových modelov. Existuje nástroj na vytváranie súborov .dust z .html.
  3. Je prach integrovaný s akýmkoľvek nástrojom CMS? ako riadidlá v aplikácii Adobe Experience Manager.

Ak viete o nejaké dobré nástroje pre prach js dajte mi prosím vedieť. Bol by som pomocou sublime / atom / eclipse IDE.

odpovede:

0 pre odpoveď č. 1

Ak chcete zobraziť náhľad súboru Dust automaticky po jeho zmene, najprv budete chcieť nastaviť automatickú kompiláciu Dust. dustc alebo prostredníctvom doplnku Grunt grunt-dustjs.

Ak používate dustcurobte niečo takéto:

dustc --output=lib/compiled.js --watch templates/**/*.dust

Teraz, kedykoľvek a .dust zmení súbor šablón v adresári šablón, šablóny sa prekompilovajú a umiestnia do lib/compiled.js, Tento súbor môžete načítať na svoju stránku a vykresliť Dust ako normálne.

Potom môžete použiť niečo podobné BrowserSync znova načítať aplikáciu v rôznych prehliadačoch, aby ste získali ukážku WYSIWYG, alebo ju môžete použiť pomocou úlohy Grunt grunt-contrib-watch.

Akýkoľvek súbor HTML je platný súbor Dust. .dust Prípona súboru nie je "t special! Môžete dokonca odovzdať súbory končiace na .html kompilátor Dust; to sa nestará. Ak teda vytvárate šablóny z rozrezaných PSD alebo iných nástrojov wireframe, môžu byť skompilované ako šablóny Dust. Jediné, čo musíte urobiť, je pridať vhodné premenné.

Nie sú k dispozícii žiadne editory WYSIWYG, ktoré sa integrujú s Dust (ale Stack Overflow nie je miestom, kde by ste mohli získať odporúčania pre nástroje).