为了方便地创建常见UI组件的参考目录,我想从一系列标记片段(每个组件一个)生成静态页面。
这应该扩展为包含三个版本的 Jade 文件:原始文件、转义的 HTML 和未转义的 HTML。
然而,据我所知,Jade不支持动态/参数化包含*,所以它并不像预期的那样简单明了。
也许我可以滥用自定义过滤器?(看起来我仍然需要编写
*虽然有一些 提示表明v2.0实际上支持此功能,但我不知道如何操作。
h2 List Group
p as provided by Bootstrap
+component("list_group")
h2 Panel
p also provided by Bootstrap
+component("panel")
这应该扩展为包含三个版本的 Jade 文件:原始文件、转义的 HTML 和未转义的 HTML。
h3 Markup (HTML)
pre.lang-html
include:escaped components/list_group
h3 Markup (Jade)
pre.lang-jade
include:verbatim components/list_group
h3 Output
include components/list_group
<h3>Markup (HTML)</h3>
<pre class="lang-html">
<ul class="list-group">
<li class="list-group-item">foo</li>
<li class="list-group-item">bar</li>
</ul>
</pre>
<h3>Markup (Jade)</h3>
<pre class="lang-jade">
ul.list-group
li.list-group-item foo
li.list-group-item bar
</pre>
<h3>Output</h3>
<ul class="list-group">
<li class="list-group-item">foo</li>
<li class="list-group-item">bar</li>
</ul>
然而,据我所知,Jade不支持动态/参数化包含*,所以它并不像预期的那样简单明了。
也许我可以滥用自定义过滤器?(看起来我仍然需要编写
escaped
过滤器。)任何提示将不胜感激。*虽然有一些 提示表明v2.0实际上支持此功能,但我不知道如何操作。
component($name)
解析为各种包含文件(include components/$name
,对于include:escaped
和include:verbatim
也是一样)的问题。 - AnC