VIte preset plugin

vite.config.js

export default defineConfig({
  plugins: [preactPreset()],
})

function preactPreset({ devtoolsInProd }) {
  return [
    {
      name: 'preact-preset',
      enforce: 'pre',
      config: () => ({
        esbuild: {
          jsxFactory: 'h',
          jsxFragment: 'Fragment',
          jsxInject: `import { h, Fragment } from 'preact'`,
        },
        resolve: {
          alias: {
            'react-dom/test-utils': 'preact/test-utils',
            'react-dom': 'preact/compat',
            react: 'preact/compat',
          },
        },
      }),
    },
    preactDevtoolsPlugin({ injectInProd: devtoolsInProd }),
    prefresh(),
  ]
}