vue3.0+vite按需引入element plus

1、安装vite-plugin-style-import

yarn add vite-plugin-style-import -D

2、在项目根目录下的vite.config.js中配置

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import styleImport from 'vite-plugin-style-import';
// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(),
  styleImport({
    libs: [{
      libraryName: 'element-plus',
      esModule: true,
      resolveStyle: (name) => {
        return `element-plus/lib/theme-chalk/${name}.css`;
      },
      resolveComponent: (name) => {
        return `element-plus/lib/${name}`;
      },
    }]
  })]
})

3、vue3中就可以按需使用element plus中的组件