@preact/preset-vite

@preact/preset-vite

An all in one preset for writing Preact apps with the vite bundler.

Features:

• Sets up Hot Module Replacement via prefresh
• Enables Preact Devtools bridge during development

Installation

First intall the preset package from npm:

npm install --save-dev @preact/preset-vite
# or
yarn add -D @preact/preset-vite

Enhance your vite config with the Preact preset:

// vite.config.js or vite.config.ts
import withPreact from "@preact/preset-vite";

export default withPreact({
  // Your usual vite config
});

Options

Options can be passed to our preset by adding a second argument:

export default withPreact(viteConfig, {
  // Add your options here
  devtoolsInProd: true
});

Available options

Option	Type	Default	Description
devtoolsInProd	boolean	false	Inject devtools bridge in production bundle instead of only in development mode

License

MIT, see the license file.