Vue3整合element-plus

官网地址：element-plus.gitee.io/zh-CN/

安装：npm install element-plus --save

1、全局配置

在main.ts文件中引入

import ElementPlus from 'element-plus'

挂载：app.use(ElementPlus)

组件使用： 按钮

打包后大小：

2、手动引入

组件使用：

<template>
<el-button type="primary">按钮</el-button>
</template>

import {ElButton} from 'element-plus'

export default defineComponent({
    components:{
        ElButton
    }
})

打包后大小：

3、按需引入

需要使用额外的插件来导入要使用的组件。

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

vite配置：

webpack配置：

打包后大小：