pugでHTMLを生成する時、変数をコメントに含めて出力するのに少しハマったのでメモ
変数をコメントに含める方法
- var hello = "world"; <!-- hello #{hello} --> | <!-- hello #{hello} -->
↓
<!-- hello world --> <!-- hello world -->
又はpugの文字列展開の方法を使って
- var hello = "world"; != `<!-- hello ${hello} -->`
↓
<!-- hello world -->
NG集
- var hello = "world"; <!-- hello ${hello} --> // <!-- hello ${hello} --> `<!-- hello #{hello} -->` // ERROR | <!-- hello ${hello} --> // <!-- hello ${hello} --> |= <!-- hello ${hello} --> // = <!-- hello ${hello} --> ! <!-- hello ${hello} --> // ERROR != "<!-- hello #{hello} -->" // <!-- hello #{hello} --> != `<!-- hello #{hello} -->` // <!-- hello #{hello} --> // hello #{hello} // <!-- hello #{hello}--> // `hello ${hello}` // <!-- `hello ${hello}`--> //= hello #{hello} // <!--= hello #{hello}--> //= `hello ${hello}` // <!--= `hello ${hello}`--> //!= `hello ${hello}` // <!--!= `hello ${hello}`--> //= hello // <!--= hello-->
jadeからpugになって文字列展開は#{var}
から`${var}`
に変わったはずなのですが、コメントの出力に関しては${var}
を使うには != `<!-- ${var} -->`
としなければならないので、<!-- #{var} -->
とした方が楽そうです。(コメント部分とそうでない部分とで書き方が異なるので少し混乱しそうですが...
GitHub内でも議論があるようですが、//= var
とかで出力できるようになって欲しいかなーと思いました。
- Cannot expand variable in comment · Issue #1311 · pugjs/pug · GitHub
- Comments added variable is not compiled, the possibility of increasing? · Issue #1878 · pugjs/pug · GitHub
- 作者: 齋藤孝
- 出版社/メーカー: 筑摩書房
- 発売日: 2007/06/01
- メディア: 文庫
- 購入: 6人 クリック: 215回
- この商品を含むブログ (30件) を見る