Bump webpack from 4.44.2 to 5.11.0 (#5180)

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Benjamin Staneck <staneck@gmail.com>

package.json

@@ -49,7 +49,7 @@
     "styled-jsx": "3.3.2",
     "stylis": "3.5.4",
     "uuid": "8.3.2",
-    "webpack-cli": "4.3.0",
+    "webpack-cli": "4.3.1",
     "xterm": "^4.9.0",
     "xterm-addon-fit": "^0.4.0",
     "xterm-addon-ligatures": "^0.3.0",
@@ -72,7 +72,6 @@
     "@types/async-retry": "1.4.2",
     "@types/color": "3.0.1",
     "@types/columnify": "^1.5.0",
-    "@types/copy-webpack-plugin": "^6.3.0",
     "@types/electron-devtools-installer": "2.2.0",
     "@types/fs-extra": "9.0.6",
     "@types/lodash": "^4.14.166",
@@ -89,13 +88,12 @@
     "@types/styled-jsx": "2.2.8",
     "@types/terser-webpack-plugin": "5.0.2",
     "@types/uuid": "8.3.0",
-    "@types/webpack": "4.41.25",
     "@typescript-eslint/eslint-plugin": "4.11.0",
     "@typescript-eslint/parser": "4.11.0",
     "ava": "3.14.0",
     "babel-loader": "8.2.2",
     "concurrently": "5.3.0",
-    "copy-webpack-plugin": "6.4.1",
+    "copy-webpack-plugin": "7.0.0",
     "cpy-cli": "^3.1.1",
     "cross-env": "7.0.3",
     "electron": "^11.1.1",
@@ -120,9 +118,8 @@
     "resize-observer-polyfill": "1.5.1",
     "style-loader": "2.0.0",
     "terser": "5.5.1",
-    "terser-webpack-plugin": "4.2.3",
     "ts-node": "9.1.1",
     "typescript": "4.1.3",
-    "webpack": "4.44.2"
+    "webpack": "5.11.1"
   }
 }

tsconfig.base.json

@@ -17,6 +17,9 @@
     "resolveJsonModule": true,
     "sourceMap": true,
     "strict": true,
-    "target": "es2018"
+    "target": "es2018",
+    "typeRoots": [
+      "./node_modules/@types"
+    ]
   }
 }

webpack.config.ts

@@ -1,4 +1,5 @@
-import Copy from 'copy-webpack-plugin';
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const Copy = require('copy-webpack-plugin');
 import path from 'path';
 import TerserPlugin from 'terser-webpack-plugin';
 import webpack from 'webpack';
@@ -33,20 +34,17 @@ const config: webpack.Configuration[] = [
           {
             from: './app/*.html',
             globOptions: {ignore: ['**/node_modules/**']},
-            to: '.',
-            flatten: true
+            to: '[name].[ext]'
           },
           {
             from: './app/*.json',
             globOptions: {ignore: ['**/node_modules/**']},
-            to: '.',
-            flatten: true
+            to: '[name].[ext]'
           },
           {
             from: './app/keymaps/*.json',
             globOptions: {ignore: ['**/node_modules/**']},
-            to: './keymaps',
-            flatten: true
+            to: './keymaps/[name].[ext]'
           },
           {
             from: './app/static',
@@ -84,12 +82,12 @@ const config: webpack.Configuration[] = [
         // for xterm.js
         {
           test: /\.css$/,
-          loader: 'style-loader!css-loader'
+          use: ['style-loader', 'css-loader']
         }
       ]
     },
     plugins: [
-      new webpack.IgnorePlugin(/.*\.js.map$/i),
+      new webpack.IgnorePlugin({resourceRegExp: /.*\.js.map$/i}),
 
       new webpack.DefinePlugin({
         'process.env': {
@@ -139,7 +137,7 @@ const config: webpack.Configuration[] = [
     },
     plugins: [
       // spawn-sync is required by execa if node <= 0.10
-      new webpack.IgnorePlugin(/(.*\.js.map|spawn-sync)$/i),
+      new webpack.IgnorePlugin({resourceRegExp: /(.*\.js.map|spawn-sync)$/i}),
       new webpack.DefinePlugin({
         'process.env.NODE_ENV': JSON.stringify(nodeEnv)
       })