[Vite] Server log

[saschatimme]

With the previous remix dev server all incoming requests got logged to the terminal. Playing around with the new Vite support this is no more the case using the suggested start vite config. How can I enable this again?

[kiliman]

npm i -D morgan @types/morgan

// vite.config.ts

import { unstable_vitePlugin as remix } from "@remix-run/dev";
import morgan from "morgan";
import { defineConfig, type ViteDevServer } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  plugins: [morganPlugin(), remix(), tsconfigPaths()],
});

function morganPlugin() {
  return {
    name: "morgan-plugin",
    configureServer(server: ViteDevServer) {
      return () => {
        server.middlewares.use(morgan("tiny"));
      };
    },
  };
}

[saschatimme]

Thank you 👍 . Wouldn't this make sense to be included by default or at least mentioned in the docs?

[kiliman]

Vite support is new. They're still learning the process as well. And they are listening to feedback.

[sergiodxa]

I think if it's that simple to add the logger it could come on a new app but not included in remix plugin itself, so you can customize it.

[lifeiscontent]

@kiliman it doesn't seem that the data requests get logged, e.g. all loaders/actions that were run in remix without vite would log, but in this scenario the loaders that are run are not logging

in my scenario I have a loader that creates an svg and the console.log of that loader is not being called with rendering

<img src="/resources/example.svg" />

where this /resources/example[.svg].tsx exports a loader function any ideas on how to get the equivalent logging back?