
Transform Vue 3 SFC to JavaScript.
- ⚡️ Support Vite, Webpack, Vue CLI, Rollup, esbuild and more, powered by unplugin.
- ✨ Support
<script setup> and macros.
- 🔥 Hot module replacement (HMR) support for Vite.
- 🔄 Sync code from @vitejs/plugin-vue periodically.
Currently based on @vitejs/plugin-vue@6.0.9.
Vite
// vite.config.ts
import Vue from 'unplugin-vue/vite'
export default defineConfig({
plugins: [Vue()],
})
Rollup
// rollup.config.js
import Vue from 'unplugin-vue/rollup'
export default {
plugins: [Vue()],
}
Rolldown / tsdown
// rolldown.config.js / tsdown.config.ts
import Vue from 'unplugin-vue/rolldown'
export default {
plugins: [Vue()],
}
esbuild
import { build } from 'esbuild'
import Vue from 'unplugin-vue/esbuild'
build({
plugins: [Vue()],
})
Webpack
// webpack.config.js
import Vue from 'unplugin-vue/webpack'
export default {
/* ... */
plugins: [Vue()],
}
Rspack
// rspack.config.js
import Vue from 'unplugin-vue/rspack'
export default {
/* ... */
plugins: [Vue()],
}
Farm
// farm.config.ts
import Vue from 'unplugin-vue/farm'
export default {
/* ... */
plugins: [Vue()],
}
⚠️ HMR is not supported for Webpack, Vue CLI, and Rspack.
- Vite - Next generation frontend tooling. It's fast!
- unplugin - Unified plugin system for Vite, Rollup, Webpack, and more
- vite-plugin-vue - This project is inherited from it.
MIT License © 2021-PRESENT Kevin Deng