​

由于我之前没有发布过npm 包，这里还得现学一下。

参考资料：

• 链接: 如何写一个vue组件发布到npm，包教包会，保姆级教学
• 链接: vue组件发布npm最佳实践

按照上面的步骤，我通过 vue-sfc-rollup 生成了项目，并且在发布到了npm 上 (最后使用失败了)

但是！！

问题不断…

问题一：忘记写README.md 导致说明页一片空白

问题二：忘记执行 npm run build ，导致引入包的时候提示错误

原来你就是不打包，它也可以发布成功啊，T_T

问题三：执行npm run build 时候，提示错误

我这里出现的是以下错误，看样子似乎和vue-easy-tree 依赖的 vue-virtual-scroller 组件有关

试了好多种方案，还是解决不了。

没办法还是用老办法，用webpack 的方式构建。

这里人家 vue-easy-tree 已经写好了，我们拿来用就好了。

最后

npm发布，自己引入运行后，但是还是出现了 问题二 的cant resolve 问题。

去npm 上查看，发现提交的内容和自己本地的不一致

我这里是因为 package.json 里添加了file 字段，摒弃了提交内容。

调整 package.json 后再发布，发现就可以了