說明：這裡使用的是webpack: "^5.9.0",webpack-cli: "^4.2.0",webpack-dev-server: "^3.11.0"

問題1：通過 npx webpack-dev-server 啟動專案失敗，報錯：Error: Cannot find module 'webpack-cli/bin/config-yargs'

解決辦法：使用 webpack serve --open 命令啟動，這裡需要注意，執行後會提示缺少開啟物件, 所以在open 後新增你要開啟的物件。（webpack serve --open Chrome.exe） 將這個命令寫入package.json中，就不用每次都這樣執行了。

"scripts": {
  "start": "webpack serve --open Chrome.exe"
 },

執行 npm run start 頁面就正常啟動了

問題2：設定了hot:true,更改app.vue裡面隨意更改點東西，發現終端確實重新打包了，但是瀏覽器頁面並沒有發生變化，手動重新整理後，確實發生了更改。

解決辦法：在webpack配置檔案中設定 target: 'web'，新增之後確實生效。但是看官方文件 這個屬性的預設值就是web 也就是說不設定就可以，可能還是webpack5與webpack-dev-server3相容性問題導致這個屬性失效了，需要設定後才起作用。