更新记录

1.0.0（2026-06-24） 下载此版本

首版发布

TuiVitex Vite 编译器插件首个正式版本。

新增

• VaporCSS 原子化样式引擎，编译时自动生成 class 代码
• 智能组件编译，App/小程序/Web 平台差异化处理
• 模板字符串编译为 Canvas 绘制代码
• 小程序 text 插槽兼容处理
• 环境变量支持（.env.development / .env.production）
• 自定义字体解析与合并
• 主题变量系统
• 支持 External-class 外部样式类

平台兼容性

uni-app x(5.13)

其他

TuiVitex Vite 编译器插件

TuiPlus 5.0 的核心编译器，基于 Vite 的自定义插件，在官方编译器之前对 Vue 模板进行预处理和转换。

核心功能

VaporCSS 原子化样式

• 编译时自动扫描 class 并生成对应样式代码
• 支持 p-30、m-10、bg-#fff、c-#333、fl、fc 等原子化 class
• 支持主题变量和自定义字体

智能组件编译

• App 端：简单组件直接编译为官方原生组件，减少层层封装
• 小程序端：自动处理 text 插槽等平台限制
• Web 端：保持 Vue 语法兼容性

模板字符串编译

• 复杂组件将模板字符串编译为 Canvas 绘制代码
• 与 TuiEntine 渲染引擎无缝配合

编译流程

1. 模板解析 → AST
2. 组件识别与复杂度评估
3. 策略选择（原生组件 / Canvas 绘制）
4. 代码生成与优化
5. 提交官方编译器

使用

在 vite.config.ts 中引入：

import { defineConfig } from 'vite'
import uni from '@dcloudio/vite-plugin-uni'
import tuiVitex from './uni_modules/tui-vitex/vitex'

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

主题变量和自定义字体配置请参考 _default_theme.json 和 customfont.json。

文档

完整文档：https://yundie.xyz/tuiplusvapor/index.html

许可证

MIT