https://github.com/unplugin/unplugin-vue-fervid
🚧 Transform Vue 3 SFC to JavaScript use vue compiler written in Rust. Supports Vite, esbuild, Rollup, Webpack, Farm, Rolldown, rspack and more.
https://github.com/unplugin/unplugin-vue-fervid
Last synced: about 1 month ago
JSON representation
🚧 Transform Vue 3 SFC to JavaScript use vue compiler written in Rust. Supports Vite, esbuild, Rollup, Webpack, Farm, Rolldown, rspack and more.
- Host: GitHub
- URL: https://github.com/unplugin/unplugin-vue-fervid
- Owner: unplugin
- License: mit
- Created: 2024-01-14T00:47:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-05T16:02:13.000Z (about 2 months ago)
- Last Synced: 2025-05-08T20:09:07.668Z (about 2 months ago)
- Language: TypeScript
- Homepage:
- Size: 5.33 MB
- Stars: 37
- Watchers: 0
- Forks: 0
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
Awesome Lists containing this project
README
# unplugin-vue-fervid
#### Use [fervid Rust Compiler](https://github.com/phoenix-ru/fervid) to Transform Vue 3 SFC to JavaScript
Due to the need to consider `performance` and `compatibility` issues, `fervid` needs to refactor `node` api. Please look forward to it.
> [!IMPORTANT]
> 🚧 Working in Progress.
> May be break changes in the future. The final implementation goal should be consistent with the vue compiler behavior
## Is it fast?
Yes, it is incredibly fast. In fact, below is a benchmark run for a [test component](crates/fervid/benches/fixtures/input.vue).
```
@vue/compiler-sfc:
954 ops/s, ±1.15% | slowest, 98.42% slower
@fervid/napi sync:
6 464 ops/s, ±0.08% | 89.29% slower
@fervid/napi async (4 threads):
11 624 ops/s, ±2.12% | 80.73% slower
@fervid/napi async CPUS (23 threads):
60 329 ops/s, ±0.67% | fastest
```
> Note: results are for AMD Ryzen 9 7900X running on Fedora 38 with kernel version 6.5.9
Benchmarking in Node.js has been done using [`benny`](https://github.com/caderek/benny), slightly modified to take `libuv` threads into consideration.
[Source code for a benchmark](crates/fervid_napi/benchmark/bench.ts).
#### playground: [Fervid Playground](https://phoenix-ru.github.io/fervid/)
> [!WARNING]
> this project is still being tested and not ready to apply it to production and only supports vue 3 for now.
> The current problem is that if you want to contribute in fervid, you need to start fervid synchronously for local development.
#### Configuration
> [!IMPORTANT]
> roadmap: Some features of this plugin roadmap represent the final fervid implementation of roadmap，View Fervid [roadmap](https://github.com/phoenix-ru/fervid?tab=readme-ov-file#roadmap)
> - [x] support hmr
> - [x] support css compile
> - [ ] transform sfc assets url
> - [ ] type options
> - [ ] known bugs
> - [ ] support other frameworks
Vite
```ts
// vite.config.ts
import Vue from 'unplugin-vue-fervid/vite'
export default defineConfig({
plugins: [
Vue({
/* options */
}),
],
})
```
## Alternatives
- [@vitejs/plugin-vue](https://github.com/vitejs/vite-plugin-vue/tree/main/packages/plugin-vue) - For Vite and Vue 3.
- [@vitejs/plugin-vue2](https://github.com/vitejs/vite-plugin-vue2) - For Vite and Vue 2.
- [unplugin-vue2](https://github.com/unplugin/unplugin-vue2) - For Vue 2.7+ and Vite, esbuild, Rollup, Webpack or more.
- [vue-loader](https://github.com/vuejs/vue-loader) - For Webpack.
- [unplugin-vue](https://github.com/unplugin/unplugin-vue) - ✨ Transform Vue 3 SFC to JavaScript. Supports Vite, esbuild, Rollup, Webpack and more.
- [esbuild-plugin-vue](https://github.com/egoist/esbuild-plugin-vue) - For esbuild and Vue 3.
- [esbuild-vue](https://github.com/apeschar/esbuild-vue) - For esbuild and Vue 2.
- ~~[vite-plugin-vue2](https://github.com/underfin/vite-plugin-vue2) - For Vite and Vue 2.~~
- ~~[rollup-plugin-vue](https://github.com/vuejs/rollup-plugin-vue)~~ - ⚠️ no longer maintained.
## Thanks
- [Vite](https://github.com/vitejs/vite) - Next generation frontend tooling. It's fast!
- [unplugin](https://github.com/unjs/unplugin) - Unified plugin system for Vite, Rollup, Webpack, and more
- [unplugin-vue](https://github.com/unplugin/unplugin-vue) - ✨ Transform Vue 3 SFC to JavaScript. Supports Vite, esbuild, Rollup, Webpack and more.
- [vite-plugin-vue](https://github.com/vitejs/vite-plugin-vue) - This project is inherited from it.