[Blazor] Switch to rollup for bundling (#53095)

* Uses rollup for producing the JS bundles instead of webpack.
* Removes obsolete and unused JS dependencies.

Author: javiercn

package-lock.json

@@ -16,37 +16,35 @@
     "test:watch": "jest --watch",
     "test:debug": "node --nolazy --inspect-brk ./node_modules/jest/bin/jest.js --runInBand --colors --verbose",
     "build": "npm run build:debug && npm run build:production",
-    "build:debug": "cd src && webpack --mode development --config ./webpack.config.js",
-    "build:production": "cd src && webpack --mode production --config ./webpack.config.js"
+    "build:debug": "rollup -c --environment development",
+    "build:production": "rollup -c --environment production"
   },
   "devDependencies": {
     "@babel/core": "^7.23.6",
     "@babel/preset-env": "^7.23.6",
     "@babel/preset-typescript": "^7.23.3",
-    "@jest/globals": "^29.7.0",
     "@microsoft/dotnet-js-interop": "*",
     "@microsoft/signalr": "*",
     "@microsoft/signalr-protocol-msgpack": "*",
-    "@swc/core": "^1.3.101",
-    "@swc/jest": "^0.2.29",
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
     "@types/jsdom": "^16.2.14",
     "@typescript-eslint/eslint-plugin": "^5.26.0",
     "@typescript-eslint/parser": "^5.26.0",
     "babel-jest": "^29.7.0",
     "dotnet-runtime": "*",
     "eslint": "^8.16.0",
     "eslint-plugin-header": "^3.1.1",
-    "inspectpack": "^4.7.1",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jest-junit": "^16.0.0",
     "rimraf": "^3.0.2",
-    "terser": "^5.14.2",
-    "ts-jest": "^29.0.5",
-    "ts-loader": "^9.5.1",
-    "typescript": "^5.3.3",
-    "webpack": "^5.72.1",
-    "webpack-cli": "^4.9.2"
+    "rollup": "^4.9.2",
+    "rollup-plugin-filesize": "^10.0.0",
+    "typescript": "^5.3.3"
   },
   "resolutions": {
     "tough-cookie": ">=4.1.3"

src/Components/Web.JS/dist/Release/blazor.server.js

@@ -0,0 +1,86 @@
+import path from 'path';
+import typescript from '@rollup/plugin-typescript';
+import terser from '@rollup/plugin-terser';
+import resolve from '@rollup/plugin-node-resolve';
+import commonjs from '@rollup/plugin-commonjs';
+import replace from '@rollup/plugin-replace';
+import filesize from 'rollup-plugin-filesize';
+import { fileURLToPath } from 'url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+console.log(__dirname);
+
+export default ({ environment }) => {
+
+  var inputOutputMap = {
+    'blazor.server': './src/Boot.Server.ts',
+    'blazor.web': './src/Boot.Web.ts',
+    'blazor.webassembly': './src/Boot.WebAssembly.ts',
+    'blazor.webview': './src/Boot.WebView.ts',
+  };
+
+  /**
+   * @type {import('rollup').RollupOptions}
+   */
+  const baseConfig = {
+    output: {
+      dir: path.join(__dirname, '/dist', environment === 'development' ? '/Debug' : '/Release'),
+      format: 'cjs',
+      sourcemap: true,
+      entryFileNames: '[name].js',
+    },
+    plugins: [
+      resolve(),
+      commonjs(),
+      typescript({
+        tsconfig: path.join(__dirname, 'tsconfig.json')
+      }),
+      replace({
+        'process.env.NODE_DEBUG': 'false',
+        'Platform.isNode': 'false',
+        preventAssignment: true
+      }),
+      terser({
+        compress: {
+          passes: 3
+        },
+        mangle: true,
+        module: false,
+        format: {
+          ecma: 2020
+        },
+        keep_classnames: false,
+        keep_fnames: false,
+        toplevel: true
+      })
+      ,
+      environment !== 'development' && filesize({ showMinifiedSize: true, showGzippedSize: true, showBrotliSize: true })
+    ],
+    treeshake: 'smallest',
+    logLevel: 'silent'
+  };
+
+  return Object.entries(inputOutputMap).map(([output, input]) => {
+    const config = {
+      ...baseConfig,
+      output: {
+        ...baseConfig.output,
+      },
+      input: { [output]: input }
+    };
+
+    if (environment === 'development') {
+      if (input.includes("WebView")) {
+        config.output.sourcemap = 'inline';
+      } else {
+        config.output.sourcemap = true;
+      }
+    } else {
+      config.output.sourcemap = false;
+    }
+
+    return config;
+  });
+};

src/Components/Web.JS/dist/Release/blazor.web.js

@@ -4,10 +4,9 @@
     "noImplicitAny": false,
     "noEmitOnError": true,
     "removeComments": false,
-    "sourceMap": true,
-    "target": "es2019",
+    "target": "es2020",
     "module": "es2020",
-    "lib": ["es2019", "dom"],
+    "lib": ["es2020", "dom"],
     "strict": true,
   }
 }