What is rollup-plugin-svelte?

Rollup-plugin-svelte is a bridge between two tools: Svelte, a framework for building web interfaces, and Rollup, a tool that bundles JavaScript files together for deployment. On its own, Rollup doesn't understand Svelte's special component files. This plugin teaches Rollup how to read those files and translate them into standard JavaScript and CSS that web browsers can run. At a high level, when you write a Svelte component (a file that combines HTML, CSS, and JavaScript in one place), it needs to be compiled into plain code before it reaches a user's browser. You plug this tool into your Rollup configuration, and every time Rollup encounters a Svelte file, it hands it off to this plugin. The plugin then converts the component into browser-ready output. You can configure it to handle custom file extensions, filter which files get processed, and decide how CSS styles are handled, either by extracting them into separate files or injecting them directly into the page through JavaScript. This tool would be used by developers who already use Rollup as their bundler and want to incorporate Svelte components into their project. For example, if you maintain an existing web application built with Rollup and want to gradually introduce Svelte for individual UI pieces, this plugin makes that possible. It also includes a feature for importing third-party Svelte components from shared packages, ensuring your app uses the uncompiled source code, which produces a smaller, faster end product and reduces version conflicts. However, the README itself notes that most people starting new projects today should look elsewhere. The maintainers recommend using SvelteKit or Vite instead, which are more modern build setups that handle Svelte out of the box. This plugin remains relevant primarily for teams with existing Rollup-based workflows who aren't ready to switch, or for library authors publishing Svelte components to shared registries.