Grevord/RogueHunter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Inject React DevTools hook only in dev via Vite plugin

Browse Source
This commit is contained in:
Nicolas Civade
2026-08-13 11:27:53 +02:00
parent 5c7276cf35
commit 3f0c87924b
2 changed files with 17 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -5,7 +5,6 @@
<link rel="icon" type="image/svg+xml" href="/logo.png" /> <link rel="icon" type="image/svg+xml" href="/logo.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>RogueHunter</title> <title>RogueHunter</title>
<script src="http://localhost:8097"></script>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

18
vite.config.ts
View File

@@ -2,10 +2,26 @@ import { defineConfig } from 'vite'
import react, { reactCompilerPreset } from '@vitejs/plugin-react' import react, { reactCompilerPreset } from '@vitejs/plugin-react'
import babel from '@rolldown/plugin-babel' import babel from '@rolldown/plugin-babel'
// Inject the React DevTools standalone hook only during `vite` dev (serve),
// so it never ships in a production build.
const devtools = () => ({
name: 'react-devtools-dev-only',
apply: 'serve' as const,
transformIndexHtml: {
order: 'pre' as const,
handler: (html: string) =>
html.replace(
'</head>',
' <script src="http://localhost:8097"></script>\n </head>',
),
},
})
// https://vite.dev/config/ // https://vite.dev/config/
export default defineConfig({ export default defineConfig({
plugins: [ plugins: [
react(), react(),
babel({ presets: [reactCompilerPreset()] }) babel({ presets: [reactCompilerPreset()] }),
devtools(),
], ],
}) })