Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/unplugin/unplugin-vue-jsx

Vue JSX plugin for both Vue 2 and 3. Support Rollup, Vite, esbuild, Webpack, and more.
https://github.com/unplugin/unplugin-vue-jsx

esbuild jsx rollup unplugin vite vue webpack

Last synced: 1 day ago
JSON representation

Vue JSX plugin for both Vue 2 and 3. Support Rollup, Vite, esbuild, Webpack, and more.

Awesome Lists containing this project

README

        

# unplugin-vue-jsx [![npm](https://img.shields.io/npm/v/unplugin-vue-jsx.svg)](https://npmjs.com/package/unplugin-vue-jsx)

[![Unit Test](https://github.com/unplugin/unplugin-vue-jsx/actions/workflows/unit-test.yml/badge.svg)](https://github.com/unplugin/unplugin-vue-jsx/actions/workflows/unit-test.yml)

- Vue JSX plugin for both Vue 2 and 3.
- Supports Rollup, Vite, esbuild and Webpack.

## Installation

```bash
npm i unplugin-vue-jsx
```

Vite

```ts
// vite.config.ts
import VueJsx from 'unplugin-vue-jsx/vite'

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


Rollup

```ts
// rollup.config.js
import VueJsx from 'unplugin-vue-jsx/rollup'

export default {
plugins: [VueJsx()],
}
```


esbuild

```ts
// esbuild.config.js
import { build } from 'esbuild'

build({
plugins: [require('unplugin-vue-jsx/esbuild')()],
})
```


Webpack

```ts
// webpack.config.js
module.exports = {
/* ... */
plugins: [require('unplugin-vue-jsx/webpack')()],
}
```


Vue CLI

```ts
// vue.config.js
module.exports = {
configureWebpack: {
plugins: [require('unplugin-vue-jsx/webpack')()],
},
}
```


## Configuration

The following show the default values of the configuration.

```ts
VueJsx({
// filters for transforming targets
include: [/\.[jt]sx?$/],
exclude: undefined,

root: process.cwd(),
sourceMap: true,

/** detect vue version from node_modules automatically */
version: 'auto',

// extra options from babel plugin
// Vue 2 options: https://github.com/vuejs/jsx-vue2/tree/dev/packages/babel-preset-jsx#usage
// Vue 3 options: https://github.com/vuejs/babel-plugin-jsx#options
})
```

## Sponsors





## License

[MIT](./LICENSE) License © 2022-PRESENT [三咲智子](https://github.com/sxzz)