Dust JS Шаблонная визуализация и генерация

Question

Я хотел бы знать инструменты поддержки шаблонов пыли для следования.

1. Визуализация WYSWYG. Есть ли инструмент, с помощью которого я могу просмотреть шаблон HTML, в то время как я редактирую в файле шаблона dustjs.
2. Автоматическое создание шаблонов из каркасов. Есть ли инструмент для создания.dust файлов из.html.
3. Интегрирована ли пыль с любым инструментом CMS? как руль в Adobe Experience Manager.

Если вы знаете какие-либо хорошие инструменты для пыли JS, пожалуйста, дайте мне знать. Я буду использовать возвышенные / атом / затмение IDE.

Answer 1

Чтобы автоматически просмотреть файл Dust при его изменении, сначала необходимо настроить автоматическую компиляцию Dust. Вы можете сделать это с помощью встроенного dustc инструмент, или через плагин Grunt, как grunt-dustjs.

Если вы используете dustc, вы бы сделали что-то вроде этого:

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

Теперь в любое время .dust файл внутри вашего каталога шаблонов изменится, шаблоны будут перекомпилированы и помещены в lib/compiled.js, Вы можете загрузить этот файл на свою страницу и отобразить Dust, как обычно.

Затем вы можете использовать что-то вроде BrowserSync для перезагрузки вашего приложения в разных браузерах, чтобы получить предварительный просмотр WYSIWYG, или подключить его самостоятельно, используя задачу Grunt, такую ​​как grunt-contrib-watch.

Любой файл HTML является допустимым файлом Dust. .dust Расширение файла не является особенным! Вы даже можете передавать файлы, заканчивающиеся на .html компилятору Dust; это не волнует Поэтому, если вы создаете шаблоны из нарезанных PSD или других каркасных инструментов, они могут быть скомпилированы как шаблоны Dust. Все, что вам нужно сделать, это добавить соответствующие переменные.

Нет доступных редакторов WYSIWYG, которые интегрируются с Dust (но Stack Overflow не всегда подходит для получения рекомендаций по инструментам).