Webpack 5のアップグレード、ホットアップデートの失効問題

参照:Webpackピット
カスタムウェブパック構成を練習するには、ウェブパック5を使用します.xバージョンでは、ホット更新が無効になっていることがわかりました.検索すると、上のリンクから解決策が得られました:package.jsonの中のbrowserlistを削除します..

// package.json
{
// ...

-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
}

そして、プロジェクトを開始するときは"serve": "webpack-dev-server --config build/webpack.dev.js"ではだめです.webpack 5はこのように変更します.

- "serve": "webpack-dev-server --config build/webpack.dev.js
+ "serve": "webpack serve --config build/webpack.dev.js