vue-cli中按需引入element-plus(使用unplugin-vue-components unplugin-auto-import)
element-plus
element-plus/element-plus: Element Plus 是一个基于 Vue 3 的组件库,提供了丰富且易于使用的 UI 组件,用于快速搭建企业级桌面和移动端的前端应用。
项目地址:https://gitcode.com/gh_mirrors/el/element-plus
免费下载资源
·
一、文档
二、使用步骤
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 个月前
更多推荐
已为社区贡献1条内容
所有评论(0)