EJSの使い方！静的なHTMLサイトで「共通パーツ」と「変数」を使おう | HPcode（えいちぴーこーど）
EJS（イージェーエス）はテンプレートエンジン呼ばれるNode.jsのパッケージの１つです。JavaScriptとHTMLを混ぜた感じでHTMLサイトが作れることをイメージしてもらえたらと思います。 1番のメリットとしては、ヘッダーやフッターなど複数ページにまたがる共通パーツと呼ばれるコードを1つのファイルで管理できることですね。100ページある普通のHTMLサイトなら、ヘッダーの一部分を変更するときに100ファイル分の修正が発生しますが、EJSでヘッダーを１つのファイルで共通に管理すれば1ファイルの修正で済みます。 静的なHTMLサイトで数十ページを超えるようなサイトをコーディングする場合はぜひ使ってみてください。
npm-scriptsで静的ページを量産するための最強タスクランナー - Qiita
これだけで全部自動で走ります！ ※npm-run-allモジュールはwatchなどがうまく動かないらしいので、使っていません。ただ並列に繋げたのをallにしているだけです。 package.json { "name": "nagaokatakeshi", "version": "1.0.0", "description": "npm-scripts", "main": "index.js", "scripts": { "all": "npm run watch-css & npm run watch-ejs & npm run watch-autoprefixer & npm run start", "ejs": "ejs-cli --base-dir src/ejs/ '/**/**.ejs' --out ./public/", "watch-ejs": "nodemon -e ejs
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
EJSの基本 - EJSでサイト制作効率化
