1.使用Vue脚手架创建项目 vue init webpack-simple <project-anem>,这里使用wepack简单模板
2.目录结构如下：
3.封装组件（两种情况）
情况1：每次发布一个组件到npm上去
1.目录结构：
2.packages/switch/LjzSwitch.vue代码：
3.packages/switch/index.js 代码：
index.js代码说明：Vue.js 的封装组件有一个公开方法 install。这个方法的第一个参数是 Vue 构造器，第二个参数是一个可选的选项对象： MyPlugin.install = function (Vue, options) {} 该方法会在你使用该插件，
也就是 Vue.use(yourPlugin)时被调用。这样也就给Vue全局注入了你的所有的组件。
4.配置webpack.config.js：
5.配置package.json:
情况2：每次封装发布多个组件到npm上去
1.目录结构：
2.组件.vue和index.js同上
3..此时有多个组件导出时，需要将所有组件放在一个文件下，在与App.vue同级目录下新建index.js;引入所有组件然后统一导出，index.js代码如下
4.配置webpack.config.js：
5.修改package.json文件：
6.引用方式：npm install ljz-switch3
4.npm login // 登陆 ； npm adduser（修改npm用户）；
5.npm publish （发包）；npm unpublish --force //强制删除；npm unpublish <project-name>@version //指定版本号
6.package.json文件中private：false时不可以更新包，每次发包时，更改package.json中的version
参考链接：http://www.cnblogs.com/liuyishi/p/9732386.html