unplugin插件

unplugin是一组适用于Vue 3、Rollup和Webpack等前端项目的插件集合，可以提高开发效率、优化代码性能和增加应用程序的功能。
以下是一些常用的、好用的unplugin插件：
unplugin-vue-components：自动注册Vue组件，支持按需导入和全局导入。
unplugin-icons：自动导入SVG图标，支持自定义尺寸和颜色。
unplugin-auto-import：自动导入未声明的模块，支持按需导入和自定义导入路径。
unplugin-mock：生成模拟数据，支持自定义接口和数据类型。
unplugin-vue-router：自动注册Vue路由，支持动态路由和路由守卫。
unplugin-eslint：集成ESLint静态代码检查，支持自定义规则和格式化。
unplugin-mdx：支持在Vue组件中编写MDX文档，支持自定义样式和主题。
unplugin-polyfill：自动导入所需的polyfill，支持自定义浏览器兼容性。
unplugin-vue-templates：支持在Vue组件中编写模板，支持自定义指令和过滤器。
unplugin-css-modules：支持CSS模块化，支持自定义命名和作用域。
unplugin-element-plus：element-plus的自动导入和按需导入

使用方法在终端执行命令

npm i unplugin-element-plus

配置vite-config.js

例如

import { defineConfig } from 'vite'
import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'

export default defineConfig({
  plugins: [
    Components({
      resolvers: [AntDesignVueResolver()],
    }),
  ],
})

反正这个插件前端必备，超级好用，便捷开发