unplugin-vue

Transform Vue 3 SFC to JavaScript.

node: >=20.19.0

Last updated 8 months ago by GitHub Actions .

MIT · Repository · Bugs · Original npm · Tarball · package.json

$ cnpm install unplugin-vue

SYNC missed versions from official npm registry.

unplugin-vue

Transform Vue 3 SFC to JavaScript.

Features

⚡️ 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.0.

Installation

npm i -D unplugin-vue

<summary>Vite</summary>

// vite.config.ts
import Vue from 'unplugin-vue/vite'

export default defineConfig({
  plugins: [Vue()],
})

<summary>Rollup</summary>

// rollup.config.js
import Vue from 'unplugin-vue/rollup'

export default {
  plugins: [Vue()],
}

<summary>Rolldown</summary>

// rolldown.config.js
import Vue from 'unplugin-vue/rolldown'

export default {
  plugins: [Vue()],
}

<summary>esbuild</summary>

import { build } from 'esbuild'
import Vue from 'unplugin-vue/esbuild'

build({
  plugins: [Vue()],
})

<summary>Webpack</summary>

// webpack.config.js
import Vue from 'unplugin-vue/webpack'

export default {
  /* ... */
  plugins: [Vue()],
}

<summary>Rspack</summary>

// rspack.config.js
import Vue from 'unplugin-vue/rspack'

export default {
  /* ... */
  plugins: [Vue()],
}

<summary>Farm</summary>

// farm.config.ts
import Vue from 'unplugin-vue/farm'

export default {
  /* ... */
  plugins: [Vue()],
}

Limitations

⚠️ HMR is not supported for Webpack, Vue CLI, and Rspack.

Who is using

Vue Macros - Explore and extend more macros and syntax sugar to Vue.
Vue DevTools - ⚙️ Browser devtools extension for debugging Vue.js applications.
Element Plus icon
Onu UI - Opinionated and lightweight UnoCSS ui library.
vue-components-lib-seed - A vue3.0 components library template.

Alternatives

@vitejs/plugin-vue - For Vite and Vue 3.
@vitejs/plugin-vue2 - For Vite and Vue 2.
unplugin-vue2 - For Vue 2.7+ and Vite, esbuild, Rollup, Webpack or more.
vue-loader - For Webpack.
esbuild-plugin-vue - For esbuild and Vue 3.
esbuild-vue - For esbuild and Vue 2.
~~vite-plugin-vue2 - For Vite and Vue 2.~~
~~rollup-plugin-vue~~ - ⚠️ no longer maintained.

Thanks

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.

Sponsors

License

MIT License © 2022-PRESENT 三咲智子

Current Tags

7.0.1 ... latest (8 months ago)

56 Versions

Maintainers (4)

Downloads

Today 0

This Week 0

This Month 1

Last Day 0

Last Week 3

Last Month 8

Dependencies (4)

@vue/reactivity ^3.5.18
debug ^4.4.1
unplugin ^2.3.5
vite ^7.0.6

Dev Dependencies (26)

@babel/types ^7.28.2
@farmfe/core 2.0.0-nightly-20250411141103
@jridgewell/gen-mapping ^0.3.12
@jridgewell/trace-mapping ^0.3.29
@sxzz/eslint-config ^7.1.2
@sxzz/prettier-config ^2.2.3
@sxzz/test-utils ^0.5.9
@types/debug ^4.1.12
@types/node ^24.2.0
@vitejs/plugin-vue ^6.0.1
@vitest/ui ^3.2.4
bumpp ^10.2.2
esbuild ^0.25.8
eslint ^9.32.0
fast-glob ^3.3.3
prettier ^3.6.2
rimraf ^6.0.1
rollup ^4.46.2
slash ^5.1.0
source-map-js ^1.2.1
tsdown ^0.13.3
typescript ^5.9.2
unplugin-oxc ^0.4.8
vitest ^3.2.4
vue ^3.6.0-alpha.2
webpack ^5.101.0

Dependents (1)

rsbuild-plugin-unplugin-vue

Copyright 2013 - present © cnpmjs.org | Home |