chore: Upgrade to webpack 5

to handle "error:0308010C:digital envelope routines::unsupported"

Author: mrchief

package.json

@@ -67,7 +67,7 @@
     "c8": "^7.11.2",
     "commitizen": "^2.9.6",
     "conventional-changelog-cli": "^2.0.5",
-    "copy-webpack-plugin": "^5.0.1",
+    "copy-webpack-plugin": "^11.0.0",
     "coveralls": "^3.0.0",
     "cross-env": "^5.0.5",
     "css-loader": "^0.28.0",
@@ -90,7 +90,7 @@
     "jsdom-global": "^3.0.2",
     "lint-staged": "8.1.5",
     "marked": "^0.3.17",
-    "mini-css-extract-plugin": "^0.4.0",
+    "mini-css-extract-plugin": "^2.7.2",
     "postcss": "^6.0.16",
     "postcss-cssnext": "^3.1.0",
     "postcss-import": "^11.0.0",
@@ -110,10 +110,10 @@
     "stylelint": "^9.0.0",
     "stylelint-config-standard": "^18.0.0",
     "url-loader": "^1.0.1",
-    "webpack": "^4.6.0",
-    "webpack-bundle-analyzer": "^3.3.2",
-    "webpack-cli": "^3.0.1",
-    "webpack-serve": "^1.0.2",
+    "webpack": "^5.75.0",
+    "webpack-bundle-analyzer": "^4.7.0",
+    "webpack-cli": "^5.0.1",
+    "webpack-serve": "^4.0.0",
     "why-did-you-update": "^0.1.1"
   },
   "peerDependencies": {

webpack.config.js

@@ -36,13 +36,13 @@ module.exports = {
       openAnalyzer: false,
       generateStatsFile: true,
     }),
-    new CopyPlugin([{ from: path.join(__dirname, 'types'), to: path.join(__dirname, 'dist') }]),
+    new CopyPlugin({ patterns: [{ from: path.join(__dirname, 'types'), to: path.join(__dirname, 'dist') }] }),
   ],
   module: {
     rules: [
       {
         test: /\.js$/,
-        loaders: ['babel-loader'],
+        use: ['babel-loader'],
         include: path.join(__dirname, 'src'),
         exclude: /node_modules/,
       },
@@ -58,6 +58,7 @@ module.exports = {
               localIdentName: 'react-dropdown-tree-select__[local]--[hash:base64:5]',
               importLoaders: 1,
               minimize: true,
+              sourceMap: true,
             },
           },
           { loader: 'postcss-loader' },