Vite 如何按需引入ElementPlus

405 阅读1分钟

1.安装 vite-plugin-components

执行命令:yarn add vite-plugin-components -D

2.在vite.config.js文件引入

import { resolve } from 'path'
import ViteComponents, { ElementPlusResolver } from 'vite-plugin-components'
export default defineConfig({
  plugins: [
    vue(),
    ViteComponents({
      customComponentResolvers: [
        ElementPlusResolver({
          importStyle: true
        })
      ]
    })
  ],
  resolve: {
    alias: {
      '@': resolve('src'),
      '*': resolve('')
    }
  }
})

3.在main.js文件引入

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

4. 保存 重新启动项目

微信图片_20220118120416.png