Update deps, move to webpack5

Author: C451

package-lock.json

@@ -4,13 +4,13 @@
   "description": "Hackable charting lib for traders",
   "main": "./dist/trading-vue.js",
   "scripts": {
-    "test": "webpack-dev-server --config webpack/test.config.js --mode development --progress --hot",
+    "test": "webpack serve --config webpack/test.config.js --mode development --progress --hot",
     "auto-test": "ava",
     "eslint": "./node_modules/.bin/eslint --ext .js,.vue src",
-    "dev": "webpack-dev-server --config webpack/dev.config.js --mode development --progress --hot",
-    "ww": "webpack-dev-server --config webpack/dev.config.js --mode production --progress --hot",
+    "dev": "webpack serve --config webpack/dev.config.js --mode development --progress --hot",
+    "ww": "webpack serve --config webpack/dev.config.js --mode production --progress --hot",
     "build": "webpack  --config webpack/build.config.js --mode production --progress",
-    "cdn": "webpack-dev-server --config webpack/cdn.config.js --mode development --progress --hot"
+    "cdn": "webpack serve --config webpack/cdn.config.js --mode development --progress --hot"
   },
   "ava": {
     "babel": {
@@ -44,38 +44,38 @@
   "repository": "github:C451/trading-vue-js",
   "devDependencies": {
     "@ava/babel": "^1.0.1",
-    "@babel/core": "^7.11.1",
-    "@babel/plugin-transform-parameters": "^7.10.5",
-    "@babel/plugin-transform-runtime": "^7.11.0",
-    "@babel/preset-env": "^7.11.0",
-    "ava": "^3.11.1",
-    "babel-loader": "^8.1.0",
+    "@babel/core": "^7.13.10",
+    "@babel/plugin-transform-parameters": "^7.13.0",
+    "@babel/plugin-transform-runtime": "^7.13.10",
+    "@babel/preset-env": "^7.13.10",
+    "ava": "^3.15.0",
+    "babel-loader": "^8.2.2",
     "css-loader": "^3.6.0",
-    "eslint": "^7.7.0",
-    "eslint-config-eslint": "^6.0.0",
-    "eslint-plugin-vue": "^6.2.2",
-    "html-webpack-plugin": "^4.3.0",
-    "null-loader": "^4.0.0",
-    "raw-loader": "^4.0.1",
+    "eslint": "^7.21.0",
+    "eslint-config-eslint": "^7.0.0",
+    "eslint-plugin-vue": "^7.7.0",
+    "html-webpack-plugin": "^5.3.1",
+    "null-loader": "^4.0.1",
+    "raw-loader": "^4.0.2",
     "request": "^2.88.2",
-    "terser-webpack-plugin": "^4.1.0",
+    "terser-webpack-plugin": "^5.1.1",
     "tulind": "^0.8.18",
     "vue-codemirror": "^4.0.6",
-    "vue-loader": "^15.9.3",
-    "vue-style-loader": "^4.1.2",
-    "vue-template-compiler": "^2.6.11",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0",
-    "worker-loader": "^3.0.0"
+    "vue-loader": "^15.9.6",
+    "vue-style-loader": "^4.1.3",
+    "vue-template-compiler": "^2.6.12",
+    "webpack": "^5.24.4",
+    "webpack-cli": "^4.5.0",
+    "webpack-dev-server": "^3.11.2",
+    "worker-loader": "^3.0.8"
   },
   "dependencies": {
-    "@babel/runtime": "^7.11.2",
+    "@babel/runtime": "^7.13.10",
     "arrayslicer": "^1.2.3",
     "hammerjs": "^2.0.8",
     "hamsterjs": "^1.1.3",
     "lz-string": "^1.4.4",
-    "moment": "^2.27.0",
-    "vue": "^2.6.11"
+    "moment": "^2.29.1",
+    "vue": "^2.6.12"
   }
 }

package.json

@@ -70,7 +70,7 @@ let common = {
             }
         })]
     },
-    devtool: '#source-map',
+    devtool: 'source-map',
     plugins: [
         new VueLoaderPlugin(),
         new webpack.BannerPlugin({

webpack/build.config.js

@@ -101,5 +101,6 @@ module.exports = [{
             include: /\.js$/,
             sourceMap: false,
         })]
-    }
+    },
+    devtool: 'source-map'
 }]

webpack/cdn.config.js

@@ -69,5 +69,6 @@ module.exports = (env, options) => ({
                 }
             })
         ]
-    }
+    },
+    devtool: 'source-map'
 })

webpack/dev.config.js

@@ -71,5 +71,6 @@ module.exports = {
                 res.send("[OK]")
             })
         }
-    }
+    },
+    devtool: 'source-map'
 }

webpack/test.config.js

@@ -12,7 +12,7 @@ const PATH = `./src/helpers/tmp/`
 module.exports = class WWPlugin {
     apply(compiler) {
         compiler.hooks.afterEmit.tap('AfterEmitPlugin', (compilation) => {
-            http.get(`http://localhost:${port}/main.worker.js`, resp => {
+            http.get(`http://localhost:${port}/script_ww.worker.js`, resp => {
                 let data = ''
 
                 resp.on('data', (chunk) => {