今さら人に聞けないwebpackでmode設定をわけたい

前回、npx webpackコマンドで警告が出た際に、modeパラメータでproductionを設定して警告を回避した。

jumbomonaca.hatenablog.com

modeパラメータはproduction以外にもdevelopmentがあり、webpack.config.jsで毎回書き分けるのが、正直めんどくさい。

そこで、コマンドラインで対応できないか調べた。

結果、公式マニュアルによるとmode引数で設定することができるようだ。

webpack.js.org

--mode=developmentで開発用と指示させ、 --mode=productionで製品用(本番用)と指示を送ることができる。

npx webpack --config webpack.config.js --mode=development

npx webpack --config webpack.config.js --mode=production

公式マニュアルも最初からコマンドラインで指定できる方法を教えてほしいなと感じてしまった。