安装及使用element-ui

snewartt

于 2020-04-28 22:57:33 发布

阅读量345

点赞数

CC 4.0 BY-SA版权

文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/snewartt/article/details/105825324

本文介绍如何在Vue项目中通过Webpack和Babel配置，实现Element UI组件的按需加载，以减少项目体积。包括安装必要依赖、修改.babelrc文件、在main.js中按需引入组件等步骤。

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

初始化一个项目: vue init webpack learn-element-ui
安装element-ui : vue init webpack learn-element-ui
按需引入： npm install babel-plugin-component -D
.babelrc 修改

{
  "presets": [["es2015", { "modules": false }]],
  "plugins": [
    [
      "component",
      {
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

在main.js中按需引入

import { Button, Select } from 'element-ui';

使用

 Vue.use(Button)
 Vue.use(Select)