@sveltejs/vite-plugin-svelte

The official Svelte plugin for Vite.

Installation

npm install --save-dev @sveltejs/vite-plugin-svelte

Usage

// vite.config.js
import { defineConfig } from 'vite';
import { svelte } from '@sveltejs/vite-plugin-svelte';

export default defineConfig({
  plugins: [
    svelte({
      /* plugin options */
    })
  ]
});

Documentation

• Plugin options
• Svelte Inspector
• FAQ

Packages

Package	Changelog
@sveltejs/vite-plugin-svelte	Changelog
@sveltejs/vite-plugin-svelte-inspector	Changelog

Got a question? / Need help?

Join the Svelte Discord server!

Development

All scripts work from monorepo-root. The plugins are unbundled esm, a build step is not required while developing locally, but restarting local dev-servers can be needed to apply changes.

• pnpm i to install dependencies

• pnpm playwright install chromium to install required playwright browser binaries via local playwright-core

  NOTE This repo uses playwright-core with a bin alias to playwright via package.json script Calling pnpm dlx playwright install chromium will not work.

• pnpm check and pnpm:test to validate changes

• pnpm format to format source code

• pnpm test:unit, pnpm test:serve or pnpm test:build to run a subset of tests

• pnpm test <e2e-directory-name> to focus a specific testsuite

• pnpm changeset to generate a changeset

• pnpm generate:types to generate public types from jsdoc (this is required when changing types and validated in ci)

Credits

• Svelte and Vite creators, maintainers and contributors
• rixo - without svelte-hmr and your support this would not have been possible
• intrnl - initial inspiration from https://github.com/intrnl/vite-plugin-svelte

License

MIT