后续更新请移步 vite-plugin-pages-defname

定义组件名称, 便于 vue-route + keep-alive 动态更新

灵感来源于 vite-plugin-pages 和 vite-plugin-vue-definename

安装

npm install vite-plugin-vue-pages-defname -D

配置项

import { defineConfig } from "vite";
import defname from "vite-plugin-vue-pages-defname";

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

使用

Script:

<script setup>
defname("组件名");
</script>

YAML:

<route lang="yaml">
defname: 组件名
</route>

或

<route lang="yaml">
name: 组件名
</route>

命名方式优先级 Script defname > YAML defname > YAML name