vue按需引入element-ui

为了节省项目的性能，引入组件库的时候可以使用按需引入，拿element举例

首先根据文档说明安装element-ui

npm i element-ui -S

然后修改babel.config.js里的代码

module.exports = {
  presets: [
    '@vue/cli-plugin-babel/preset',
  ],
  plugins: [
    // element官方教程
    [
      "component",
      {
        libraryName: "element-ui",
        styleLibraryName: "theme-chalk"
      }
    ]
  ]
};

这之后就简单了，为了方便管理我这边是选择新建了一个elment.js文件

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


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

只选择引入自己需要的使用的组件，最后别忘了引入，因为是全局使用的组件所以在main.js里引用

import './until/element'

然后就可以在项目里使用elment的组件了