会社で担当してる Vue.js のプロダクトの webpack のバージョンを 3.8.1 から 4.8.3 に上げた。 どこか1つのドキュメントやエントリを見ただけで完了するものでもなかったので、手順をまとめてみる。誰かの助けになったら嬉しいですね! 手順 package.json の "webpack" を含むパッケージのバージョンを上げる 各環境の webpack の設定に mode プロパティを追加 webpack-cli を devDependencies に追加 UglifyJsPlugin の設定を消し optimization プロパティの minimize を設定 *-loader パッケージのバージョンを上げる VueLoaderPlugin を plugins プロパティに追加 .vue と .scss の loader 設定を分離する 各項目の詳細を書いていきます。