gregminster https://blog.hatena.ne.jp/gregminster/ 約束の地 https://obel.hatenablog.jp/ プログラミング -> 言語 -> JavaScript 結論 標題のままとなります。dotenv を用いているファイルを webpack で bundle した場合、そのままですと dotenv が用いられません。そのため、dotenv-webpack を用いる必要があります。 やり方 1. dotenv-webpack をインストールします --dev オプションを付けてよいですが、ここでは割愛します。 $ npm install dotenv-webpack または $ yarn add dotenv-webpack 2. webpack.config.js に設定を書く require してから、plugins: に書き加えます。以下のように… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fobel.hatenablog.jp%2Fentry%2F20200314%2F1584122400" title="webpack で bundle したファイルの中で dotenv を使う場合には dotenv-webpack を用いる必要がある - 約束の地" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://raw.githubusercontent.com/webpack/media/master/logo/icon-square-big.png Hatena Blog https://hatena.blog 2020-03-14 03:00:00 rich https://obel.hatenablog.jp/entry/20200314/1584122400 1.0 100%