[Girder] Upgrading to Webpack 5.2.0

See: https://webpack.js.org/migrate/5/

Author: abhchand

package.json

@@ -31,30 +31,30 @@
   "dependencies": {
     "@babel/cli": "^7.4.4",
     "@babel/core": "^7.4.5",
-    "@babel/plugin-proposal-class-properties": "^7.4.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.4.4",
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
-    "@babel/plugin-transform-modules-commonjs": "^7.4.4",
+    "@babel/plugin-proposal-class-properties": "^7.10.4",
+    "@babel/plugin-proposal-object-rest-spread": "^7.11.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.8.3",
+    "@babel/plugin-transform-modules-commonjs": "^7.10.4",
     "@babel/preset-env": "^7.4.5",
     "@babel/preset-react": "^7.0.0",
     "axios": "^0.19.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "^24.8.0",
-    "babel-loader": "^8.0.6",
-    "babel-plugin-module-resolver": "^3.2.0",
-    "case-sensitive-paths-webpack-plugin": "^2.1.2",
-    "copy-webpack-plugin": "^5.0.5",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-module-resolver": "^4.0.0",
+    "case-sensitive-paths-webpack-plugin": "^2.3.0",
+    "copy-webpack-plugin": "^6.0.3",
     "core-js": "3",
-    "css-loader": "^3.2.1",
+    "css-loader": "^4.2.0",
     "html-react-parser": "^0.9.2",
     "i18n-js": "^3.2.2",
     "jquery": "^3.3.1",
     "jquery-ujs": "^1.2.2",
-    "mini-css-extract-plugin": "^0.8.0",
+    "mini-css-extract-plugin": "^0.9.0",
     "node-sass": "^4.13.0",
     "prop-types": "^15.6.1",
-    "rails-erb-loader": "^5.4.1",
+    "rails-erb-loader": "^5.5.2",
     "react": "^16.4.0",
     "react-dom": "^16.4.0",
     "react-on-rails": "^11.3.0",
@@ -63,9 +63,9 @@
     "react-transition-group": "^4.3.0",
     "react_ujs": "^2.4.4",
     "redux": "^4.0.5",
-    "sass-loader": "^8.0.0",
-    "webpack": "^4.41.2",
+    "sass-loader": "^9.0.2",
+    "webpack": "^5.2.0",
     "webpack-assets-manifest": "^3.1.1",
-    "webpack-cli": "^3.3.9"
+    "webpack-cli": "3.3.12"
   }
 }

webpack.config.js

@@ -57,13 +57,6 @@ const config = {
   resolveLoader: {
     modules: ['node_modules']
   },
-  node: {
-    dgram: 'empty',
-    fs: 'empty',
-    net: 'empty',
-    tls: 'empty',
-    child_process: 'empty'
-  },
   devtool: 'cheap-module-source-map',
   devServer: {
     clientLogLevel: 'none',
@@ -221,13 +214,15 @@ const config = {
       filename: '[name]-[contenthash].css',
       chunkFilename: '[name]-[contenthash].chunk.css'
     }),
-    new CopyPlugin([
-      {
-        from: '**/*',
-        context: `${ASSETS_DIR}/images`,
-        to: IMAGES_DIR
-      }
-    ]),
+    new CopyPlugin({
+      patterns: [
+        {
+          from: '**/*',
+          context: `${ASSETS_DIR}/images`,
+          to: IMAGES_DIR
+        }
+      ]
+    }),
     new WebpackAssetsManifest({
       integrity: false,
       entrypoints: false,