PUGとは

Pugとは

Pug(パグ)は、HTMLのコーディングを効率よく書くためのJavaScriptのテンプレートエンジンの1つです。
HTMLを簡単な記法で書かくことができ、コンパイルしHTMLに変換することで効率よく静的なHTMLファイルを作ることができます。

もともとはJadeという名前でしたが、2015年の1.11.0のバージョンを最後に、2016年の2.0.0からPugと名前を変えてリリースされました。

Pugを利用することで次のようなメリットがあります。

  • タグを簡単な記法で書くことができる
  • 共通する部品を使いまわすことができる
  • リストのようなデータから繰り返してHTMLタグを出力できる
  • 条件分岐が行える
  • レイアウトをファイルで分割しひな形のようにコンテンツと分けることができる

公式サイト:Pug

Pugの導入やコンパイルについては次のページをご覧ください。
Pugの導入(インストール)方法
コンパイル方法

SASS・SCSS逆引きリファレンス一覧へ戻る