はじめに
テンプレートエンジンの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を変えています。
おわりに
この方法では、ファイルの読み込みを開発時、運用時それぞれに最適化できます。簡単にできるのでおすすめです。