More than 3 years have passed since last update.

webpack NODE_ENV でハマった話

Last updated at 2019-12-20Posted at 2019-12-20

背景

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

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

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

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

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

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

optimization.nodeEnvにfalseを設定する。

webpack.config.js

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