middlemanを使おうとしたけどEJSの方がメジャーだって聞いたものだから、そちらに鞍替えしました。前回の記事がすごく中途半端の尻切れトンボで終わっているのはそういうわけなのです。
Gulp-ejsをインストール
|
1 |
npm install --save-dev gulp-ejs |
と入れましょう。
ESJの構文
|
1 |
<% %> |
これはjavascriptとして出力される
|
1 |
<%= %> |
HTMLを使う場合はこちら
<% var hoge = ‘俺のサイト’; %>で変数の定義。例えば
|
1 |
<% var site_name = ‘俺のサイト'; %> |
|
1 |
<title><% site_name %></title> |
とすると
|
1 |
<title>俺のサイト</title> |
と出力される。
更にarray関数で以下の様なことも実現可能
|
1 |
<% var title = "タイトル", array=[“リストNo1","リストNo2","リストNo3"] %> |
Include
|
1 |
<% include _partial/head%> |
と書いて_partial/footer.ejsを読み込むことができる。