webpack でビルドするときの環境変数を読み込む方法の整理と、読み込み方法の切り替え

webpack でビルドするときの環境変数を読み込む方法の整理と、読み込み方法の切り替え2021-08-23 みなさんご存知の通り webpack での環境変数の設定は plugin に書けばおしまいな話ですが、いろいろやり方がありそれぞれメリット・デメリットがあります。そのため、「ローカルでは .env から読み込みたいけどデプロイ時は CD 環境の環境変数を使いたいのだが、どの方法が良いだろうか」「Git で管理するファイルへのハードコードはしたくない」などとケーススタディに即答できるかと言われると怪しいです。このように状況や要件によってはその読み込み方法の選定に悩むこともあったので、関連する技術の整理をしました。 よく見るやり方 「webpack 環境変数」などでググると下記のようなやり方があるようです。 .env に書き出す .env ファイルに書き出し、なんらかの手段でビルド実行

[kadoppe]

“.env ファイルに書き出し、なんらかの手段でビルド実行時の Node.js 環境から引っ張ってきます。dotenv や dotenv-webpack といったライブラリが使われます。 ”