Vue3-ElementPlus按需导入

1.安装

pnpm add element-plus

 Vue3-ElementPlus按需导入_第1张图片

2.配置按需导入:

官方文档:快速开始 | Element Plus

按照官网按需导入中的自动导入步骤来进行

Vue3-ElementPlus按需导入_第2张图片

pnpm add -D unplugin-vue-components unplugin-auto-import

Vue3-ElementPlus按需导入_第3张图片

观察Vite代码与原vite文件的差别,将原vite文件中没有的,复制粘贴到合适的位置

Vue3-ElementPlus按需导入_第4张图片

3.直接使用组件,样式就是element-Plus的

Vue3-ElementPlus按需导入_第5张图片

4.默认components下的文件也会被自动注册

不需要再导入也能使用

你可能感兴趣的:(vue,vue.js,前端,javascript)