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'
  ]
-
  var obj = {
    a: 'one',
    b: 'two',
    c: 'tree',
  }

- for(var i=0,l=list.length; i<l; i+=1)
  p= list[i]

- each val, index in obj
  p #{index}: #{val}

　
今まで改行できないものだと思っていたので、長い配列を作ると見づらくなるので値ごとにlist.push()で値追加したりてました... もっと早く知っておきたかったZ

---

• Jade - Template Engine
• Multi-Line Array Literal · Issue #502 · jadejs/jade · GitHub
• 軽量なマークアップ言語 Jade 入門 からの Gulp でコンパイルまで – Gulp で作る Web フロントエンド開発環境 #5 | NET BIZ DIV. TECH BLOG

くまみこ 5<くまみこ> (コミックフラッパー)