[B! Pug] momijitanのブックマーク

jade テンプレート内の配列を見やすくするために改行したい。 - かもメモ

jadeテンプレート内で配列やオブジェクトを記述する時、値を見やすくしようとして改行すると書き方によってはエラーになってしまいます。エラーになる書き方 // jade - var list = [ 'one', 'two', 'tree' ] - var obj = { a: 'one', b: 'two', c: 'tree', } // jade - var list = [ - 'one', - 'two', - 'tree' - ] - var obj = { - a: 'one', - b: 'two', - c: 'tree', - } 改行してもエラーにならない書き方 -を書いた後に改行&インデントして配列・オブジェクトを書けば値ごとに改行してもエラーにならず使うことができます！ // jade - var list = [ 'one', 'two', 'tree' ] -

momijitan 2018/02/28

これ！！！これが知りたかった！！！！！しゅき！！！！！！

Pug
改行

リンク

Pug（Jade）のinclude（インクルード）とextends（継承）、mixin（ミックスイン）の使用方法 - Pug入門 | ねこしすてむ

目次 1. テンプレートエンジンによるテンプレート作成 2. include（インクルード） 3. extends（継承） 4. mixin（ミックスイン） 5. まとめ 1. テンプレートエンジンによるテンプレート作成 Pug（旧称Jade）の使い方こちらの記事ではJade改めPugの基本的な使い方を紹介しました。今回はさらにメリットを活かすことができるinclude（インクルード）とextends（継承）、mixin（ミックスイン）について説明します。 HTML、CSS、JavaScriptの拡張言語（メタ言語）の紹介こちらでも説明している通り、HTMLのみでは複数にまたがるページで、共通部分を管理するのが少々手間となります。Pugを始めとするテンプレートエンジンではそれが格段に楽になります。 Pugでは、include（インクルード）とextends（継承）、mixin（ミック