fix too many pipes

loader/src/runner.ts

@@ -278,10 +278,8 @@ export async function load({
     const workerProcess = fork(workerFilePath, {
       // Note: this is required for PostCSS.
       cwd: rootDir,
-      stdio: "pipe",
+      stdio: "inherit",
     });
-    workerProcess.stdout?.pipe(prettyLoggerStream);
-    workerProcess.stderr?.pipe(prettyLoggerStream);
     const killWorker = async () => {
       if (workerPromise?.resolved) {
         workerPromise.resolved.exiting = true;
@@ -340,6 +338,9 @@ export async function load({
           resolveWorkerReady(message);
           rejectWorkerReady = null;
           break;
+        case "log":
+          prettyLoggerStream.write(message.message);
+          break;
         case "crash":
           logger.error(message.message);
           rejectWorkerReady?.(new Error(message.message));

loader/src/worker-api.ts

@@ -53,6 +53,10 @@ export type FromWorkerMessage =
       kind: "ready";
       port: number;
     }
+  | {
+      kind: "log";
+      message: string;
+    }
   | {
       kind: "crash";
       message: string;

loader/src/worker.ts

@@ -1,6 +1,5 @@
 import assertNever from "assert-never";
 import createLogger from "pino";
-import prettyLogger from "pino-pretty";
 import { loadModules } from "./modules";
 import type {
   FromWorkerMessage,
@@ -21,11 +20,17 @@ async function runWorker({
   port,
   onServerStartModuleName,
 }: WorkerData) {
-  const prettyLoggerStream = prettyLogger({
-    colorize: true,
-    destination: process.stdout,
-  });
-  const logger = createLogger({ level: logLevel }, prettyLoggerStream);
+  const logger = createLogger(
+    { level: logLevel },
+    {
+      write(message) {
+        sendMessageFromWorker({
+          kind: "log",
+          message,
+        });
+      },
+    }
+  );
   const { core, vfs, frameworkPlugins, onServerStart } = await loadModules({
     logger,
     installDir,