打包vue组件，上传到npm库

1.先去官网注册npm账号

2.注册成功后，通过webpack-simple创建项目

    npm init webpack-simple custome-switch   成功后生成的目录如下 

  

3.在和src同级的目录下新增 packages目录→在packages目录下新建 src目录 → 在src目录下创建一个switch目录 → 在switch目录下新建 custome.vue 和 index.js   新建好的目录如下

4.编写custome.vue组件的内容  如下  和正常组件编写一样

5.switch/index.js 代码如下

6.修改webpack.config.js的   指定出口  入口文件

7.修改package.json文件  指定main  和 private 修改为false

8.修改index.html  入口index.html  （因为我的名字是custome-switch ）

 

最后：

打包生成线上文件 npm run build 登录npm,根据提示完成 :npm login (若是cnpm请且为npm登录) 提交npm包： npm publish(若提示该组件已存在，请更改名字)

ps:如果想要更新npm包的版本  npm version patch   然后npm publish