vue开发的组件如何打包发布到npm？

Question

我用vuejs开发了一个组件，是用.vue格式开发的。开发完成之后在index里面

module.exports = require('./components/TimePicker')

本地测试成功
然后发布出去之后自己使用总是显示cannot find module './components/TimePicker'
请问应该如何正确的打包发布npm包

Answer 1

按照Vux的做法：
1.umd方式，main入口引入umd打包的文件。
2.vue源码形式，但是需要配合vue-loader来使用。

Answer 2

@daydayupx

经过一阵骚操作，成功的把Vue组件（.vue文件）发布到了npm

精简到一句话就是：在package.json的main里导出.vue文件

是不是很简单？
不需要webpack打包成js文件，然后再导出该js文件。我一开始也是这么做的，但是遇到了奇怪的问题。最后灵光一闪“为何不直接导出.vue文件？”

DONE

发布的详细信息