⚡️ Vite Rollup Plugins 🍣

A compatibility list and test playground

https://vite-rollup-plugins.patak.dev

Important

This resource is archived and won't be updated anymore. Vite represents now more than 55% of the npm downloads of Rollup. To properly scale and keep the compat info always up-to-date it makes more sense for Rollup plugins to document their compatibility status directly in their docs.

✅ status for each official plugin

⚠️ enforce needed badge

🛠️ install instructions

🧪 compatible plugins are used in the page

Run it locally

These instructions will get you a copy of the project up and running on your local machine for development

Clone the repo

Use ssh

git clone git@github.com:matias-capeletto/vite-rollup-plugins.git

Or https

git clone https://github.com/matias-capeletto/vite-rollup-plugins.git

In the repo folder run

yarn
yarn dev

Your dev server will start and be running at

  > Local:    http://localhost:3000/

To build

yarn build

Contributing

This is work in progress, there are some official plugins that remain untested. PRs welcomed.

Adding a Plugin

Start by adding your plugin to src/plugins folder. If you'd like your plugin to display a test component, then create a new file for it as YourPlugin.ts. Otherwise you can add it to OfficalPlugins.ts if it is an offical plugin or CommunityPlugins.ts if it is a community plugin.

When writing a plugin make sure you use the definePlugin function to define your plugin.

Example Plugin

import { definePlugin, PluginStatus, PluginCategory } from '~/util'
import PluginBeep from '~/components/official/PluginBeep.vue'

export default definePlugin({
  name: 'beep',
  description: 'System beeps on errors and warnings',
  category: PluginCategory.Official,
  status: PluginStatus.Compatible,
  demo: PluginBeep,
})

Links

• Vite
• Vite Plugin API
• Rollup plugins
• Awesome Vite

License

MIT