fix(angular-rspack): dev-server works for ssr (#34)

Author: Coly010

e2e/fixtures/rspack-ssr-css/rspack.config.js

@@ -1,14 +1,29 @@
 module.exports = () => {
   if (global.NX_GRAPH_CREATION === undefined) {
     const { createConfig } = require('@nx/angular-rspack');
-    return createConfig({
-      options: {
-        browser: './src/main.ts',
-        index: './src/index.html',
-        server: './src/main.server.ts',
-        ssr: { entry: './src/server.ts' },
+    return createConfig(
+      {
+        options: {
+          browser: './src/main.ts',
+          index: './src/index.html',
+          server: './src/main.server.ts',
+          ssr: { entry: './src/server.ts' },
+          assets: [
+            {
+              glob: '**/*',
+              input: './public',
+            },
+          ],
+        },
       },
-    });
+      {
+        development: {
+          options: {
+            optimization: false,
+          },
+        },
+      }
+    );
   }
   return {};
 };

packages/angular-rspack/src/lib/config/create-config.ts

@@ -85,6 +85,7 @@ export async function _createConfig(
 ): Promise<Configuration[]> {
   const normalizedOptions = normalizeOptions(options);
   const isProduction = process.env['NODE_ENV'] === 'production';
+  const isDevServer = process.env['WEBPACK_SERVE'];
   const hashFormat = getOutputHashFormat(normalizedOptions.outputHashing);
   const { root } = normalizedOptions;
 
@@ -175,6 +176,7 @@ export async function _createConfig(
   if (normalizedOptions.hasServer) {
     const serverConfig: Configuration = {
       ...defaultConfig,
+      name: 'server',
       target: 'node',
       entry: {
         server: {
@@ -236,7 +238,7 @@ export async function _createConfig(
       optimization: {
         chunkIds: normalizedOptions.namedChunks ? 'named' : 'deterministic',
         moduleIds: 'deterministic',
-        ...(normalizedOptions.optimization
+        ...(normalizedOptions.optimization && !isDevServer
           ? {
               minimize: true,
               runtimeChunk: 'single',
@@ -272,7 +274,6 @@ export async function _createConfig(
                 new SwcJsMinimizerRspackPlugin({
                   minimizerOptions: {
                     minify: true,
-                    mangle: true,
                     compress: {
                       passes: 2,
                     },
@@ -305,6 +306,10 @@ export async function _createConfig(
 
   const browserConfig = {
     ...defaultConfig,
+    name: 'browser',
+    ...(normalizedOptions.hasServer && isDevServer
+      ? { dependencies: ['server'] }
+      : {}),
     target: 'web',
     entry: {
       main: {
@@ -380,7 +385,7 @@ export async function _createConfig(
     optimization: {
       chunkIds: normalizedOptions.namedChunks ? 'named' : 'deterministic',
       moduleIds: 'deterministic',
-      ...(normalizedOptions.optimization
+      ...(normalizedOptions.optimization && !isDevServer
         ? {
             minimize: true,
             runtimeChunk: false,

packages/angular-rspack/src/lib/plugins/angular-ssr-dev-server.ts

@@ -3,6 +3,7 @@ import { ChildProcess, fork } from 'child_process';
 import { SsrReloadServer } from './server/ssr-reload-server';
 import { OutputPath } from '../models';
 import { join } from 'node:path';
+import { existsSync } from 'node:fs';
 
 const PLUGIN_NAME = 'AngularSsrDevServer';
 export class AngularSsrDevServer implements RspackPluginInstance {
@@ -36,6 +37,9 @@ export class AngularSsrDevServer implements RspackPluginInstance {
             this.#devServerProcess = undefined;
             await new Promise<void>((res) => setTimeout(res, 50));
           }
+          if (!existsSync(serverPath)) {
+            await new Promise<void>((res) => setTimeout(res, 50));
+          }
           this.#devServerProcess = fork(serverPath);
           this.#devServerProcess.on('spawn', () => {
             this.#wsServer.sendReload();