Update JS dependencies (#12474)

* Update JS dependencies

- Update worker-loader options (currently unused pending #12459)
- Remove @babel/plugin-proposal-object-rest-spread, it's enabled by
  default
- Switch cssnano-webpack-plugin to css-minimizer-webpack-plugin which
  had been renamed

* switch to css-minimizer-webpack-plugin

package.json

@@ -5,18 +5,17 @@
     "node": ">= 10.13.0"
   },
   "dependencies": {
-    "@babel/core": "7.10.5",
+    "@babel/core": "7.11.1",
-    "@babel/plugin-proposal-object-rest-spread": "7.10.4",
+    "@babel/plugin-transform-runtime": "7.11.0",
-    "@babel/plugin-transform-runtime": "7.10.5",
+    "@babel/preset-env": "7.11.0",
-    "@babel/preset-env": "7.10.4",
+    "@babel/runtime": "7.11.2",
-    "@babel/runtime": "7.10.5",
     "@claviska/jquery-minicolors": "2.3.5",
     "@primer/octicons": "10.0.0",
     "babel-loader": "8.1.0",
     "clipboard": "2.0.6",
     "core-js": "3.6.5",
-    "css-loader": "4.0.0",
+    "css-loader": "4.2.1",
-    "cssnano-webpack-plugin": "1.0.3",
+    "css-minimizer-webpack-plugin": "1.1.1",
     "dropzone": "5.7.2",
     "escape-goat": "3.0.0",
     "fast-glob": "3.2.4",
@@ -27,31 +26,31 @@
     "jquery.are-you-sure": "1.9.0",
     "less-loader": "6.2.0",
     "license-webpack-plugin": "2.3.0",
-    "mermaid": "8.6.4",
+    "mermaid": "8.7.0",
-    "mini-css-extract-plugin": "0.9.0",
+    "mini-css-extract-plugin": "0.10.0",
     "monaco-editor": "0.20.0",
     "monaco-editor-webpack-plugin": "1.9.0",
     "postcss-loader": "3.0.0",
     "postcss-preset-env": "6.7.0",
     "raw-loader": "4.0.1",
-    "swagger-ui": "3.30.2",
+    "swagger-ui": "3.31.1",
-    "terser-webpack-plugin": "3.0.8",
+    "terser-webpack-plugin": "4.1.0",
     "tributejs": "5.1.3",
     "vue": "2.6.11",
     "vue-bar-graph": "1.2.0",
     "vue-calendar-heatmap": "0.8.4",
     "vue-loader": "15.9.3",
     "vue-template-compiler": "2.6.11",
-    "webpack": "4.44.0",
+    "webpack": "4.44.1",
     "webpack-cli": "3.3.12",
     "webpack-fix-style-only-entries": "0.5.1",
     "workbox-routing": "5.1.3",
     "workbox-strategies": "5.1.3",
-    "worker-loader": "2.0.0",
+    "worker-loader": "3.0.1",
     "wrap-ansi": "7.0.0"
   },
   "devDependencies": {
-    "eslint": "7.5.0",
+    "eslint": "7.6.0",
     "eslint-plugin-import": "2.22.0",
     "eslint-plugin-unicorn": "21.0.0",
     "stylelint": "13.6.1",

webpack.config.js

@@ -1,6 +1,6 @@
 const fastGlob = require('fast-glob');
 const wrapAnsi = require('wrap-ansi');
-const CssNanoPlugin = require('cssnano-webpack-plugin');
+const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const FixStyleOnlyEntriesPlugin = require('webpack-fix-style-only-entries');
 const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const MonacoWebpackPlugin = require('monaco-editor-webpack-plugin');
@@ -80,9 +80,9 @@ module.exports = {
           },
         },
       }),
-      new CssNanoPlugin({
+      new CssMinimizerPlugin({
         sourceMap: true,
-        cssnanoOptions: {
+        minimizerOptions: {
           preset: [
             'default',
             {
@@ -113,9 +113,7 @@ module.exports = {
           {
             loader: 'worker-loader',
             options: {
-              name: '[name].js',
+              inline: 'no-fallback',
-              inline: true,
-              fallback: false,
             },
           },
         ],
@@ -151,7 +149,6 @@ module.exports = {
                     regenerator: true,
                   }
                 ],
-                '@babel/plugin-proposal-object-rest-spread',
               ],
               generatorOpts: {
                 compact: false,