课程名称:基于Vue3+Vite+TS,二次封装element-plus业务组件
课程章节:第8章 使用vuepress 编写组件文档
主讲老师:五月的夏天
课程内容:
今天学习的内容包括:
8-4 发布组件库到 npm——发布组件所需配置,需要注册npm才能发布组件库。
8-5 如何更新已经发布的组件库版本——已发布组件库升级操作。
课程收获:
发布组件库到 npm
1、按照课程编写脚本。
2、根据自己的想法优化脚本。
3、无法登录和发布组件,后发现是npm源的问题,需要切换会npm源。
4、加入了拷贝文件的依赖项copyfiles。
const createIndexDTs = (name) => {
const typeStr = `
import { App } from 'vue'
declare const _default: {
install(app: App): void
}
export default _default`
// 输出
fsExtra.outputFile(
path.resolve(outDir, `${name}/index.d.ts`),
typeStr,
'utf-8'
)
}
如何更新已经发布的组件库版本
1、更新组件库内容。
2、更改版本号,编译后进行发布。
3、无法发布更新,报网关错误,后解决并发布。
npm login
npm run lib
npm publish
今天的学习耗时挺长的,主要在解决各种问题上,在学习发布组件的过程中,遇到了各种问题,然后进行解决,感觉自己学到了很多东西,非常有成就感。
下一步就是学习 部署预览项目 了。今天学习就先到这里吧。
坚持打卡,坚持学习,未来可期,加油😀~
點擊查看更多內容
為 TA 點贊
評論
評論
共同學習,寫下你的評論
評論加載中...
作者其他優(yōu)質文章
正在加載中
感謝您的支持,我會繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦