wip: SSR

artsy · Nov 28, 2024 · bb19db9 · bb19db9
1 parent 42b12c8
commit bb19db9
Showing 1 changed file with 47 additions and 32 deletions.
diff --git a/rsbuild.config.ts b/rsbuild.config.ts
@@ -6,41 +6,56 @@ import { pluginNodePolyfill } from "@rsbuild/plugin-node-polyfill"
 const basePath = process.cwd()
 
 export default defineConfig({
-  plugins: [pluginReact(), pluginNodePolyfill()],
-  source: {
-    entry: {
-      client: "./src/client.tsx",
-    },
-  },
-  tools: {
-    swc: {
-      jsc: {
-        experimental: {
-          plugins: [
-            [
-              "@swc/plugin-styled-components",
-              {
-                ssr: true,
-                displayName: true,
-              },
-            ],
-            [
-              "@swc/plugin-relay",
-              {
-                rootDir: path.resolve(basePath),
-                artifactDirectory: "src/__generated__",
-                language: "typescript",
-              },
-            ],
-          ],
+  environments: {
+    web: {
+      plugins: [pluginReact(), pluginNodePolyfill()],
+      source: {
+        entry: {
+          client: "./src/client.tsx",
+        },
+      },
+      tools: {
+        swc: {
+          jsc: {
+            experimental: {
+              plugins: [
+                [
+                  "@swc/plugin-styled-components",
+                  {
+                    ssr: true,
+                    displayName: true,
+                  },
+                ],
+                [
+                  "@swc/plugin-relay",
+                  {
+                    rootDir: path.resolve(basePath),
+                    artifactDirectory: "src/__generated__",
+                    language: "typescript",
+                  },
+                ],
+              ],
+            },
+          },
+        },
+      },
+      output: {
+        target: "web",
+        externals: {
+          // Required because getAsyncStorage isn't using async import()
+          async_hooks: "async_hooks",
         },
       },
     },
-  },
-  output: {
-    externals: {
-      // Required because getAsyncStorage isn't using async import()
-      async_hooks: "async_hooks",
+    node: {
+      source: {
+        entry: {
+          index: "./src/index.js",
+        },
+      },
+      output: {
+        target: "node",
+      },
     },
   },
 })