webpack開發環境與生產環境配置疑問？

本人使用webpack時間不長，之前跟著教學視頻成功弄出了webpack3的一些配置，然後現在想換成webpack4了，跟著官網手冊的東西進行配置，手冊上的因為版本導致的錯誤，自己多少也改了一些，但是到了區分生產環境和開發環境這裡發現了一些問題。官網推薦的workbox-webpack-plugin在開發環境下莫名沒有用了，還有熱更新也莫名沒有效果了，有沒有大神告訴我究竟哪裡出問題了。代碼和依賴如下：

package.json

webpack.common.js

webpack.start.js

webpack.dev.js