chore: update webpack5 (app-bootstrap#25)

Author: xudafeng

package.json

@@ -13,10 +13,10 @@
     "url": "https://github.com/app-bootstrap/web-app-bootstrap.git"
   },
   "scripts": {
-    "dev": "webpack-dev-server --mode=development",
+    "dev": "cross-env NODE_ENV=development webpack serve",
     "dev:test": "cross-env NODE_ENV=test npm run dev",
     "lint": "eslint --fix . --ext .vue,.jsx,.js && stylelint --fix assets/**/*.less -s less",
-    "build": "cross-env NODE_ENV=production webpack -p",
+    "build": "cross-env NODE_ENV=production webpack",
     "prepublish": "npm run build",
     "serve": "npm run dev:test &",
     "test": "npm run clean:coverage && macaca run -d ./test --verbose",
@@ -75,7 +75,7 @@
     "less-loader": "^4.0.5",
     "macaca-cli": "2",
     "macaca-datahub": "3",
-    "macaca-electron": "11",
+    "macaca-electron": "13",
     "macaca-wd": "3",
     "marked": "^0.3.4",
     "mobx": "^3.4.1",
@@ -104,9 +104,9 @@
     "vue-loader": "^15.2.1",
     "vue-template-compiler": "^2.5.13",
     "vuex": "^3.0.1",
-    "webpack": "^4.10.0",
-    "webpack-cli": "^3.0.1",
-    "webpack-dev-server": "^3.1.4",
+    "webpack": "^5.69.1",
+    "webpack-cli": "^4.9.0",
+    "webpack-dev-server": "^4.7.4",
     "whatwg-fetch": "^2.0.4",
     "xutil": "1"
   },

webpack.config.js

@@ -126,16 +126,19 @@ const config = {
     new VueLoaderPlugin()
   ],
   devServer: {
-    host: '0.0.0.0',
+    hot: true,
     historyApiFallback: {
       rewrites: [
         { from: /^\/react-router/, to: '/react-router/index.html' },
       ],
     },
-    before: app => {
+    static: {
+      directory: __dirname,
+    },
+    onBeforeSetupMiddleware: ({ app }) => {
       datahubMiddleware(app)(datahubConfig);
     },
-    after: () => {
+    onAfterSetupMiddleware: () => {
       defaultDatahub.startServer(datahubConfig)
         .then(() => {});
     }