按需引入 Element 组件
- 首先,安装 babel-plugin-component:
npm install babel-plugin-component -D
- 然后,将
babelrc.config.js
修改为:
module.exports = {
presets: ['@vue/cli-plugin-babel/preset', ['@babel/preset-env', { modules: false }]],
plugins: [
[
'component',
{
libraryName: 'element-ui',
styleLibraryName: 'theme-chalk',
},
],
],
}
- 创建
plugins/element.js
import Vue from 'vue'
import { Button, Select } from 'element-ui'
Vue.use(Button).use(Select)
- 创建
plugins/index.js
import './element.js'
- 在
main.js
引入
import './plugins/index.js' // 引入插件
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!