在不跨项目的情况下之前所做的已经满足需求了。但我们不能就此满足，我想让世界上更多的人来使用我的插件，这时候就要上传npm了 demo 。
首先我们新建一个index.js
import CountTo from './vue-countTo.vue' // 导出模块 export default CountTo //global 情况下 自动安装 if (typeof window !== 'undefined' && window.Vue) { window.Vue.component('count-to', CountTo) }
同时我们也要改造一下 webpack 的配置，因为不是所有使用你组件的人都是通过 npm 安装使用 import 引入组件的的。
还有很多人是通过 <script> 标签的方式直接引入的，所以我们要将 libraryTarget 改为 umd 格式
library: 'CountTo', libraryTarget: 'umd', umdNamedDefine: true
大功告成，现在只要将它发布到 npm 就可以了，首先注册一个npm 账号，
之后配置自己的 package.json (注意填写 version，每次发布的 version 不能相同；main 为入口文件地址)。
之后只要一行命令 npm publish 你的项目就发到 npm 了，快让小伙伴们一起来用你的vue component 吧！
总结
这里这是拿了一个很简单的 countUp 组件举了一个简单例子，有的时候自己动手丰衣足食，很多插件的封装比想象中简单的多。产品经理再也不会看到我因为这个fu**插件怎么不支持这个功能而愁眉苦脸了，我们可以更好地满足产品了~~
完整项目地址：https://github.com/PanJiaChen/vue-countTo欢迎 star
完整项目地址：vue-element-admin