webpack NODE_ENV でハマった話

背景

NODE_ENVの値で分岐を行いたいと考えていました。
しかし、何を設定しても起動するとproductionとなる...

調査

調査用に、下記のようなコードを追加

console.log(`current env => ${process.env.NODE_ENV}`)

webpackしてみると出てきたコードは

console.log("current env => production")

まさかの変換されてしまってました。
どうやらwebpack.config.jsで指定したmodeの値が代入されてしまうようです。

解決策

optimization.nodeEnvにfalseを設定する。

module.exports={mode:'production',// ここを追加optimization:{nodeEnv:false},// 省略}