ElementUI 按需引入

672 阅读1分钟

1.安装element-ui

npm i element-ui -S
  1. 安装插件 babel-plugin-component
npm i babel-plugin-component -D
  1. 修改babel.config.js
module.exports = {
  presets: ['@vue/cli-plugin-babel/preset'],
  plugins: [
    [
      'component',
      {
        libraryName: 'element-ui',
        styleLibraryName: 'theme-chalk',
      },
    ],
  ],
}
  1. 在src下建一个文件夹xxxxxx,并创建index.js
import Vue from 'vue'; 
import { Button, Select } from 'element-ui'; 
import App from './App.vue';

Vue.use(Select);
Vue.use(Button);
  1. main.js
import x from './xxxxxx/index'
Vue.use(x)