vue项目中引入element-plus

element-plus官网

在项目中安装element-plus：yarn add element-plus -S

1,完整引入

优点：使用方便     缺点：打包文件较大

在src/main.js中引入，在项目中直接使用

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

const app = createApp(App)
 
app.use(ElementPlus)
app.mount('#app')

2.按需引入

首先你需要安装unplugin-vue-components 和 unplugin-auto-import这两款插件 

npm install -D unplugin-vue-components unplugin-auto-import

在打包工具配置文件vite.config.js或webpack.config.js中引入

import AutoImport from 'unplugin-auto-import/vite'

import Components from 'unplugin-vue-components/vite'

import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'

加入plugins中

AutoImport({

      resolvers: [ElementPlusResolver()],

    }),

    Components({

      resolvers: [ElementPlusResolver()],

    }),