Vite React Code Hiding

[serhatzunluoglu]

In my react project that I created with Vite, I do not want the codes to appear in the sources section in the browser. How can I do that? I tried things like sourcemap=false but it didn't work.

[hi-ogawa]

This is likely a limitation of Vite's non-bundled approach vitejs/vite#16440 (reply in thread)
You see two where one is the transpiled file served by Vite and the other one is the original source shown by browser via sourcemap.

[serhatzunluoglu]

So how can I solve this problem?

[Shakeskeyboarde]

Try building and then starting a preview server instead of running the vite dev server.

What @hi-ogawa is saying is that dev mode always includes source maps. Vite's dev and build modes are only loosely related, and build configuration is not fully applied in the dev server. Setting build.sourcemaps to false should disable them in production code, which you can verify by building and then starting the preview server.

[ArnaudBarre]

I don't understand, what is the problem of having sources present in development?
This will not be present in the prod version if you disable source maps (or push them to something like Sentry and then remove them from the dist folder)