[email protected]之使用element-ui

1. 安装依赖

yarn add babel-plugin-component -D
yarn add @babel/preset-env

2. 修改babel.config.js

module.exports = {
    
      
  "presets": [
    ["@babel/env", {
    
     "modules": false }],
    '@vue/cli-plugin-babel/preset'
  ],
  "plugins": [
    [
      "component",
      {
    
    
        "libraryName": "element-ui",
        "styleLibraryName": "theme-chalk"
      }
    ]
  ]
}

3. 入口文件

import Vue from 'vue';import {
    
     Button } from 'element-ui';
// 所有带有size的属性，属性值都是small
Vue.prototype.$ELEMENT = {
    
     size: 'small', zIndex: 3000 };
Vue.use(Button)