基本的にはHTMLタグで記述して、一部だけPugのインクルードの機能などを使いたいということがあったので、可能かどうか試してみました。
HOME > Pug
-
PugをHTMLで記述する
-
スタイルガイドジェネレーターの「Fractal」でpugを使用する
fractalのコンポーネントでpugを使う方法をメモ。
環境は以前投稿したgulpを使った環境をベースにします。 -
Pugでmixinを使用する
Pugでmixinを使用する方法をメモ。
-
PugでSVGを使用する
PugでSVGを使う時に少し迷ったのでメモ。
-
Pugでコンパイル後の内容をコメントアウトする
PugをコンパイルしたHTMLで、一部コードをコメントアウトしたい時に少し迷ったのでメモ。
-
Pugでタグの外にテキストを出力する
Pugでチェックボックスとテキストを並べて出力しようとしたときに少し迷ったのでメモ。
-
Pugとgulp-dataを使ってmetaの内容をjsonで管理する
gulp-dataを使って、Pugで使うmetaの内容をjsonで管理するようにしてみます。
-
Pugでコメントアウトをする
PugでHTMLにレンダリングされないコメントアウトを記述しようとして迷ったのでメモ。
-
Pugで条件分岐やループを使ってみる
Pugのテンプレート内でfor文やeach文、if文、switch文などを使ってみます。
-
Pugの基本的な記述方法
Pug設定後の、基本的な記述方法についてまとめてみます。