vue 搭建组件库+发布

先讲下Vue.use(xxx)、Vue.prototype.$xxx、Vue.prototype.xxx的区别

1.通过Vue.use()注册的插件是在你调用new Vue()启动应用之前创建的，如果有的插件里面暴露出了install方法，就可以用vue.use去引用它；

import Main from './components/drawMap.vue';
// 这样就可以使用Vue.use进行全局安装了。
Main.install = Vue => {
    if (!Vue) {
        window.Vue = Vue = _Vue;
    }
    _Vue.component(Main.name, Main);
};
export default Main;

2.Vue.prototype.$xxx和Vue.prototype.xxx都代表在原型上添加公用属性与方法；

修改package.json文件：

  "name": "basemap-component",
  "version": "0.4.6",
  "private": false,
  "main": "src/publish.js",
  "publishConfig": {
    "registry": "http://registry.npm.baidu-int.com"
  },

• name为发布后用户install时的库名
• version 即版本号
• private 是否私有,如果private为true，npm会拒绝发布。这可以防止私有repositories不小心被发布出去。
• mian 这个字段的值是你程序主入口模块的ID。如果其他用户需要你的包，当用户调用require()方法时，返回的就是这个模块的导出（exports）。
• publishConfig可选字段。发布时使用的配置值放这。

发布：

1.登录命令：npm login

2.输入账号、密码、邮箱

3.发布命令：npm publish（发布前切记更改pack.json文件中的版本号）