Pugのことを調べた

公式:

pugjs.org

コメントの書き方

https://pugjs.org/language/comments.html

スラッシュ2個で <!-- --> として出力される

// 出力されるコメント

スラッシュ2個のあとにハイフンを追加すると出力されない

//- 出力されないコメント

ブロックでコメントを書く方法
改行+インデント?(未検証

//-
  出力されないコメント
  ブロック
//
  HTML に出力されるコメント
  ブロック

テンプレート分け

https://pugjs.org/language/includes.html

include ファイル名 で呼び出せる

変数

https://pugjs.org/language/attributes.html

  • 変数の設定はハイフンを付けて var
    • - var authenticated = true
  • 呼び出すときは#{} で囲む
    • 例: #{name}'s Pug source code!
  • 呼び出す前に先に変数を用意しておかないとだめ(よく考えれば当たり前だけどハマった)

if 文

https://pugjs.org/language/conditionals.html

if elseif else
end はいらない

block

https://pugjs.org/language/inheritance.html

exclude で呼び出したりできる
継承

for 文

https://pugjs.org/language/code.html

- for (var x = 0; x < 3; x++)
  li item