element-ui按需引入

1、按需引入配置

1. 借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的：
2. 更改.babelrc文件

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

2、安装element-ui（安装的2.4.6版本）

npm install element-ui@2.4.6 --save
# 或者使用yarn
yarn add element-ui@2.4.6

3、页面按需引入所需组件

// css样式还是需要全部引入
import 'element-ui/lib/theme-chalk/index.css'

import { Button, Row, Col } from “element-ui”;
Vue.use(Button);  
Vue.use(Row);  
Vue.use(Col);