HOME >ツール>Gulp>Gulp.jsを導入し、EJS(テンプレートエンジン)を利用できるように

Gulp.jsを導入し、EJS(テンプレートエンジン)を利用できるように

 ( post : 2016.01.23 )

ローカル環境でコーディングするとき、ヘッダーやフッターなど使い回すコードはテンプレート化したいと調べてみたらGulp+EJSを利用することで可能とのこと。他にも便利なタスクが自動化できるのでこれを機にgulpを導入してみました。

Gulp.js導入で参考にしたサイト

Gulp.jsの初期導入のほとんどはLIGさんの「コーディングを10倍〜」の記事で出来るようになりました。
圧縮して書き出したcssやjsのファイル名にminを追加したかったので、その件は下記のサイトを参考にしました。

gulpのプラグイン、gulp-ejsの導入でトラブル

参考サイトの記事通りにEJSを導入してみたのですが何度やっても出力ファイルの拡張子がhtmlでなくejsのまま。

LIGさんのサンプルコードにあるpackage.jsonを自分のものと比較したところ、プラグイン「gulp-ejs」のバージョンが違う。(LIGさんはv1.0.0、自分はv2.0.0)

最新版をアンインストールし、旧バージョンでインストールしたところ無事htmlファイルとして出力できました。最新版のgulp-ejsでもhtmlを出力できる方法はすぐに解決できなかったので、また別の機会に調べたいと思います。