Dust JS Templating可视化和生成

Question

我想知道有关玩具支持的玩具支持。

1. WYSWYG可视化。有没有一个工具可以在我在dustjs模板文件中编辑时预览html模板。
2. 从线框自动创建模板。是否有工具可以从.html创建.dust文件。
3. 灰尘是否与任何CMS工具集成？就像Adobe Experience Manager中的把手一样。

如果你知道任何有用的粉尘工具，请告诉我。我将使用sublime / atom / eclipse IDE。

Answer 1

要在更改Dust文件时自动预览Dust文件，首先要设置自动Dust编译。您可以使用内置的dustc工具或像grunt-dustjs这样的Grunt插件执行此操作。

如果您使用dustc，则可以执行以下操作：

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

现在，只要模板目录中的.dust文件发生更改，模板就会重新编译并放入lib/compiled.js。您可以在页面上加载此文件，并按照通常的方式渲染Dust。

然后您可以使用BrowserSync之类的内容在不同的浏览器中重新加载您的应用以获得WYSIWYG预览，或使用像grunt-contrib-watch这样的Grunt任务自行连接。

任何HTML文件都是有效的Dust文件。 .dust文件扩展名并不特别！您甚至可以将以.html结尾的文件传递给Dust编译器;它不关心。因此，如果您从切片的PSD或其他线框工具创建模板，则可以将它们编译为Dust模板。您所要做的就是添加适当的变量。

没有与Dust集成的WYSIWYG编辑器（但Stack Overflow不是获取工具建议的地方）。