该插件用途介绍

插件用于对vue文件进行代码转译

即对vue文件中自动添加name属性

name属性命名规则：模块名.文件夹名称

例如：uwAuthCenter中的用户管理页面 name属性：uwAuthCenter.rootAccountUser

PS: 之所以对组件进行命名，是因为KeepAlive 中的缓存属性需要与组件的name属性一致，才会执行useActivated(utils/keepAlive.ts)

// 插件需要内网下载
// 内网镜像 http://npm.corp.ziwoyou.cn/
yrm use verdaccio
or
自行切换npm源

// 安装
npm i vite-page-name -D
or
yarn add vite-page-name -D


// vite.config.ts文件中
import vueNamePlugin from 'vite-page-name'

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