vite中使用elementplus按需引入

下载插件

•  npm install -D unplugin-vue-components unplugin-auto-import 
• 配置  vite.config.js 文件

  import { defineConfig } from 'vite'
  import vue from '@vitejs/plugin-vue'
  import AutoImport from 'unplugin-auto-import/vite' // 配置ElementPlus按需引入
  import Components from 'unplugin-vue-components/vite'
  import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
  
  // https://vitejs.dev/config/
  export default defineConfig({
    plugins: [
      vue(),
      AutoImport({
        resolvers: [ElementPlusResolver()],
      }),
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ]
  })

  现在可以在任何  vue 组件内直接使用  ElementPlus 中的组件 (无须导入组件及组件的样式)

• 并且是按需打包的