vite-plugin-jsx-sfc

Vite plugin for compile and enhance the limitation of jsx-sfc runtime code.

Usage

npm install jsx-sfc vite-plugin-jsx-sfc

• Configure Vite(v2.x with @vitejs/plugin-react):

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import jsxSfc from 'vite-plugin-jsx-sfc';

export default defineConfig({
  plugins: [jsxSfc({ transformJsx: false }), react()]
});

• Configure Vite(v2.x with @vitejs/plugin-react-refresh):

import { defineConfig } from 'vite';
import reactRefresh from '@vitejs/plugin-react-refresh';
import jsxSfc from 'vite-plugin-jsx-sfc';

export default defineConfig({
  plugins: [jsxSfc(), reactRefresh()]
});

• Configure Vite(v1.x):

// vite.config.js
import reactPlugin from 'vite-plugin-react';
import sfcPlugin from 'vite-plugin-jsx-sfc/legacy';

const config = {
  ...
  plugins: [sfcPlugin, reactPlugin]
}

License

MIT