ejsで環境ごとに読み込むファイルを変える

はじめに

テンプレートエンジンのejsで環境ごとに読み込むファイルを変えるということをやったので、方法を記録しておきます。

実現したいこと

本番環境では負荷低減のためにCDN上のファイルを、それ以外の環境ではオフラインでも動作するようにローカルのファイルを読み込むようにしました。

実装

<% if(process.env.NODE_ENV === 'production') { %>
<link rel="stylesheet" href="//example.com/css/lib.css">
<script src="//example.com/js/lib.js"></script>
<% } else { %>
<link rel="stylesheet" href="css/lib.css">
<script src="js/lib.js"></script>
<% } %>

Node.jsの環境変数の値によって、生成されるHTMLを変えています。

おわりに

この方法では、ファイルの読み込みを開発時、運用時それぞれに最適化できます。簡単にできるのでおすすめです。