使用vue写一个组件库发布到npm,然后写一个操作手册使用vuepress发布。

vue写组件库的时候遇到一些问题。
打包组件报错:Error: Cannot find module ‘vue/compiler-sfc‘

在这里插入图片描述
装个低版本的可以解决。

参考文档:https://blog.csdn.net/xuelong5201314/article/details/122843874?spm=1001.2101.3001.6661.1&utm_medium=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant_t0.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-1.pc_relevant_default&utm_relevant_index=1

其次写好以后发npm的时候package.json一些内容是必须要有的。比如作者之类的。

具体可以把我master的分支来下来查看,注意是master.
https://github.com/duoluodexiaoxiaoyuan/usevuecreatzujianku/tree/master

因为发布到npm以后,测试也是用的组件库。下载我们组件库的时候。在这里插入图片描述下载组件库的name不能和package.json的name一致,所以我修改了一下。

然后就是写vuepress作为文档发布到github查看。这个遇到的坑很烦。发布的使用是通过一个.sh文件运行发布的。所以在vscode控制台会报错。然后通过git bash终端打开运行命令发布成功的。

而且是通过创建一个以自己用户名的站点。然后链接到自己的项目仓库。在这里插入图片描述
这个地方虽然自己操作成功了。但是还是有点迷。彻底搞懂再来完善。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值