一、文档

戳这里,跳文档

二、使用步骤

1.安装插件

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

2.配置vue.config.js

vue-cli内部用的就是webpack,configureWebpack配置的会被合并

const AutoImport = require('unplugin-auto-import/webpack')
const Components = require('unplugin-vue-components/webpack')
const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')

module.exports = {
  configureWebpack: {
    plugins: [
      AutoImport({
        resolvers: [ElementPlusResolver()]
      }),
      Components({
        resolvers: [ElementPlusResolver()]
      })
    ]
  }
}

在这里插入图片描述

3.测试

在这里插入图片描述
运行时,会自动生成auto-imports.d.ts文件导入组件
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述


总结

千变万化~ 具体参照文档~

GitHub 加速计划 / el / element-plus
23.88 K
15.37 K
下载
element-plus/element-plus: Element Plus 是一个基于 Vue 3 的组件库,提供了丰富且易于使用的 UI 组件,用于快速搭建企业级桌面和移动端的前端应用。
最近提交(Master分支:24 天前 )
c1863f50 2 个月前
b55163fd 2 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐