sota1235 https://blog.hatena.ne.jp/sota1235/ はらへり日記 https://sota1235.hatenablog.com/ やりたいこと webpackを使ってフロント用のファイルをバンドルしたい。 そのとき、環境変数に合わせて値を変えたいという場面があった。 ノリ的には以下のようなコード。 if (process.env.NODE_ENV === 'development') { console.log('Debug message'); } この例だと開発か本番かの判定だが、他にもステージングの時はこのAPIのエンドポイント、といったことがしたかった。 ハマった webpack初心者だったのでこの記事を参考に書いてみた。 細かいところは違うけどほぼ内容一緒なのでコードは割愛。 geta6.hatenablog.… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fsota1235.hatenablog.com%2Fentry%2F2016%2F11%2F01%2F171151" title="webpackのDefinePluginとbabel-plugin-transform-environment-variablesの併用には注意 - はらへり日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2016-11-01 17:11:51 rich https://sota1235.hatenablog.com/entry/2016/11/01/171151 1.0 100%