Router Devtools visible in vite production build

[florianmartens]

Hey there,

Just noticed that the docs say this:

The Devtools, if imported as TanStackRouterDevtools will not be shown in production.

But this is not a universal statement. Vite (very popular atm) does not inject NODE_ENV into the browser runtime. Instead import.meta is used in the module scope. These are not respected by the Devtools by default. I had to conditionally hide the Devtools to make it work.

I wasn't able to exclude the Devtools from the build.

In my package.json I tried:

 "build": "tsc -b && NODE_ENV=production vite build",

I now still have the problem that the devtools are included in my production build and probably have to do a dynamic import.

Any way to solve this in a more native way?

Is this intended or should the docs be updated?

[schiller-manuel]

cc @birkskyum