ejs, webpack, gulpを利用した開発環境構築備忘録

ejs, webpack, gulpを利用して静的サイトの開発環境を構築した。

これまではgulpだけを利用していた。
諸々学んだことを記載する。

ejs

ejsはJSのテンプレートエンジン。
公式サイト: https://ejs.co/

phpを使わずに、headerやfooterをファイル分割できる。便利。

わかった事

変数にハイフンは使えない。
アンダースコアは行ける。

NG: <% var item-link1 %>
OK: <% var item_link1 %>

定義してから使う(そりゃそう)

<%= metaDescrioption %> // これは出力されない
<% var metaDescrioption = “この夏は暑くなる!!” %>
<%= metaDescrioption %>