封装vue组件并发布到npm上

1.使用webpack-simple模板建立一个vue项目，命令：vue init webpack-simple kingtreebtn ,新建项目目录如下：

2.在src目录下新建lib目录存放组件源码

3.组件封装完后新建组件出口文件index.js，文件内容如下：

4. 修改package.json文件

5.修改webpack.config.js文件

6. 执行npm run build 命令，打包后的文件夹为dist

7. 执行npm pack命令，生成kingtreebtn-1.0.0.tgz压缩包

8. 执行npm install 路径\文件名 命令安装，安装后直接在测试项目的入口文件main.js内引入，和elementUI一样

import 名称 from '组件库名'

Vue.use(名称)；

可用则代表打包成功

9.发布到npm上

9.1 npm login 登录到npm上

9.2 npm version patch 版本迭代，每次更新时都要输入这个命令 或者 直接修改package.json中的版本号

9.3 npm publish 提交到npm上，完成

注意：npm官方注册时，一定要验证邮箱，否则提交的时候会报403 Forbidden