Webpack 4を使ってみたらビルド時に[WARNING]が出たので

とりあえず最新構成を使用してVue × TypeScriptの開発をしようしたらWARNINGが出たのでメモを残しておきます。

環境

モジュール名	バージョン
mpm	5.7.1
Webpack	4.1.1

エラー内容

WARNING in configuration
The 'mode' option has not been set. Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

原因

pagckage.jsonに本番または開発の構成を追加しないといけないらしい。

解決方法

pagckage.jsonに以下の構成を追加

"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
}

使い方

# 開発時
npm run dev

# 本番時
npm run build

参考

公式チュートリアル