Vite+Vue3安装且自动按需引入Element Plus组件库

coderkey

已于 2024-06-18 12:49:56 修改

阅读量802

点赞数 16

CC 4.0 BY-SA版权

分类专栏： Vue2 Vue3 文章标签：前端 vue

于 2024-06-18 11:51:51 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_46243043/article/details/139767765

一，安装Element Plus

npm install element-plus  //node环境16+

二，安装插件

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

在这里插入图片描述

三，配置vite.config.ts文件

//按需引入element-plus组件
import AutoImport from 'unplugin-auto-import/vite'
import Components from 'unplugin-vue-components/vite'
import { ElementPlusResolver } from 'unplugin-vue-components/resolvers'
export default defineConfig({
  plugins: [
    vue(),
    // 按需引入element
    AutoImport({
      resolvers: [ElementPlusResolver()],
    }),
    Components({
      resolvers: [ElementPlusResolver()],
    }),
  ],
})

在这里插入图片描述