feima-vite-plugins

Vite 插件集合，提供多个实用的 Vite 插件。

插件列表

• fvxeTableIdCheck - FVxeTable ID 检查插件

安装

npm install feima-vite-plugins
# 或
pnpm add feima-vite-plugins
# 或
yarn add feima-vite-plugins

使用

fvxeTableIdCheck

在开发环境中自动检查 FVxeTable 组件的 ID 是否重复或包含中文。

功能

• ✅ 检查 FVxeTable 组件的 id 属性是否重复
• ✅ 检查 id 属性是否包含中文
• ✅ 实时监听文件变化，自动更新检查结果
• ✅ 在浏览器中显示错误覆盖层
• ✅ 仅在开发环境生效

配置

在 vite.config.ts 中引入并配置：

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { fvxeTableIdCheck } from 'feima-vite-plugins'

export default defineConfig({
  plugins: [
    vue(),
    fvxeTableIdCheck()
  ]
})

检查规则

插件会扫描项目中所有 .vue 文件，查找以下格式的组件：

<f-vxe-table id="table1" />
<!-- 或 -->
<FVxeTable id="table1" />

错误示例：

1. ID 重复：

<!-- 文件 A.vue -->
<f-vxe-table id="table1" />

<!-- 文件 B.vue -->
<f-vxe-table id="table1" />  <!-- ❌ 错误：ID 重复 -->

2. ID 包含中文：

<f-vxe-table id="表格1" />  <!-- ❌ 错误：ID 不能包含中文 -->

错误提示

当检测到错误时，插件会：

• 在控制台输出详细的错误信息
• 在浏览器中显示错误覆盖层
• 列出所有包含重复 ID 的文件路径

开发

# 安装依赖
pnpm install

# 构建
pnpm build

# 发布前会自动构建
pnpm publish

License

ISC