element-ui 按需引入（pc端）

最新推荐文章于 2025-05-28 07:30:00 发布

csqssl

最新推荐文章于 2025-05-28 07:30:00 发布

阅读量213

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ssl_husband/article/details/107294771

本文详细介绍如何在项目中集成并配置Element-UI组件库，包括下载安装、Babel插件配置、导入常用组件及在main.js中引入的步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 下载插件   element-ui
   安装 babel-plugin-component（ npm install babel-plugin-component -D）

2. babel.config。js    插件    配置
//"plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]

3. src中创建   utils  常见的js      elementUi。js   
import   vue  from   vue
import { Button, Select } from 'element-ui';
 Vue.use(Button)
 Vue.use(Select)


4. 在main.js中  引入 
import './utils/elementUi'
( // import ele from './utils/elementUi'      在new Vue 中 ele)