vue -- element按需引入

babel.config.js改成

module.exports = {
  presets: [
    '@vue/app',
    ['env',      //添加 babel-preset-env 配置 
      {
        'modules': false
      }
    ]
  ],
  plugins: [        // element官方教程
    [
      'component',
      {
        'libraryName': 'element-ui',
        'styleLibraryName': 'theme-chalk'
      }
    ]
  ]
}

main中

import { Button } from 'element-ui';

Vue.component(Button.name, Button);

 

可以将全部导入的组件放在一起 , src下创建一个element文件夹

import { Button } from 'element-ui'

const element = {
  install: function (Vue) {
    Vue.use(Button)
  }
}
export default element

main中改成

import element from './element/index'
Vue.use(element)