element-ui 按需加载

element-ui 在vuecli中 按需加载

1、使用npm下载 babel-plugin-component

2、配置babel-plugin-component

vuecli4版本以上：配置bable.config.js

module.exports = {
    
    
  presets: [
    '@vue/cli-plugin-babel/preset'
  ],
  //以下为新增的配置代码
  "plugins":[
    [
      "component",
      {
    
    
        "libraryName":"element-ui",
        "styleLibraryName":"theme-chalk"
      }
    ]
  ]
}

Vuecli 3及以下配置 .babelrc

3、使用element组件时:

import {
    
    Button} from 'element-ui';//引入


export default {
    
    
  name: 'About',
  components: {
    
    //以组件形式使用
    "el-button":Button
  }
}

//或者
import Vue from 'vue';
Vue.component("el-button", Button);
//或
Vue.use(Button)