在vue-cli3.0的基础上封装组件，并发布到npm上

由于开发不同业务的需求， 经常需要封装组件发布到npm上。 之前在有分享过在 vue-cli2.0基础上封装自定义组件，并发布到npm上 的完整分享。 地址：vue自定义封装组件，并发布到npm上 （完整说明）_styleofpicasso的博客-优快云博客_vue自定义封装组件

但是由于目前项目都是在vue-cli3.0版本基础上开发的，导致封装组件的打包很麻烦；

这里就简单分享下在vue-cli3.0的基础上如何封装基础组件， 并发布到npm上

1. 案例自定义组件结构

vue-plugin —
           |— packages  // 组件内容
                |— menu  // 具体的组件
                   |— menu.vue 
                   |— index.js  // 该组件的组测脚本
                |— config  // 组件内容配置信息
                |— utils  // 组件的工具类
                |— css  // 组件引入的样式
                     |— variable.scss  // 样式变量
                     |— mixin.scss  // 样式混合
                     |— menu.scss  // menu组件样式
                     |— index.scss  样式总集
                |— index.js  // 自定义组件的打包脚本（组件库的入口）
                |— package.json // 依赖包的package.json
           |— src
              |— ...
              |— main.js  // 项目的本地运行和构建项目脚本
           |— package.json   // 项目运行的相关package.json