怎么使用Vue-cli3开发像iview、element那样的组…

module.exports = {
  // 将 examples 目录添加为新的页面
  pages: {
    index: {
      // page 的入口
      entry: 'examples/main.js',
      // 模板来源
      template: 'public/index.html',
      // 输出文件名
      filename: 'index.html'
    }
  }
}

--- buttom
    -- src
        -- main.vue
    -- index.js    

// index.js 文件
import Buttom from './src/main.vue';

Buttom.install = function (Vue) {
    Vue.componet(Buttom.name, Buttom);
};

export default Buttom;

import Button from './button';

// 组件
const components = [
    Button,

];

// 注册组件
const install = function (Vue) {
    if (!install.lock) {
        components.forEach(component => {
            Vue.component(component.name, component);
        });
        install.lock = true;
    }
};

if(typeof window !="undefined" && window.Vue) {
    install(window.Vue);   // 注册成插件时 Vue.use 调用这方法时会传用全局对象Vue
}

// 导出组件
export default {
    install,        // 为什么要install 方法，Vue.use 注册插件时 如果为对象时必须要一个install方法
    ...components
}

// main.js 文件
import Plug from '../packages';
Vue.use(Plug);