vite-plugin-speedy-jsx

一个用于在Vite项目中处理Speedy JSX的插件。

目录

• vite-plugin-speedy-jsx
  • 目录
  • 安装
  • 用法
    • 基本用法
  • 与Speedy JSX配合使用
  • 热更新支持

安装

# npm
npm install vite-plugin-speedy-jsx --save-dev

# yarn
yarn add vite-plugin-speedy-jsx -D

# pnpm
pnpm add vite-plugin-speedy-jsx -D

用法

在vite.config.js中添加插件：

基本用法

import { defineConfig } from 'vite';
import { speedyJsxAstTransformPlugin } from 'vite-plugin-speedy-jsx';

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

与Speedy JSX配合使用

这个插件需要与 speedy-jsx 一起使用：

# npm
npm install speedy-jsx

# yarn
yarn add speedy-jsx

# pnpm
pnpm add speedy-jsx

插件会自动处理JSX转换和响应式语法，确保导入必要的函数。

热更新支持

该插件内置了完善的热更新(HMR)支持，主要特性：

• 自动为组件添加HMR注册逻辑，无需手动配置
• 智能检测模板变更，仅在模板变化时触发重新渲染
• 状态保留：更新组件时保持组件当前状态
• 组件自动拆分为setup和render部分，实现更精确的更新
• 优化性能：只更新发生变化的组件，不影响其他组件