webpack + Pug ：テンプレート内で環境変数を取得 - Qiita

0.前提 webpack4 pug-html-loader 1.package.jsonのscriptsで環境変数を設定 npmでcross-envをインストールし、Mac/Winどちらでも動くようにする。 "scripts": { "build:prd": "cross-env NODE_ENV=production webpack --mode production", "build:stg": "cross-env NODE_ENV=staging webpack", "build:dev": "cross-env NODE_ENV=develop webpack" }, 2. pugのテンプレート内で環境変数取得 pugを置換するときnodeのライブラリが使えるので、nodeのprocessをつかって環境変数を取得。 定義したファイルは他のテンプレートで読みこむようにする。