【九月打卡】第2天 组件发布

课程名称：基于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

今天的学习耗时挺长的，主要在解决各种问题上，在学习发布组件的过程中，遇到了各种问题，然后进行解决，感觉自己学到了很多东西，非常有成就感。

下一步就是学习 部署预览项目 了。今天学习就先到这里吧。

坚持打卡，坚持学习，未来可期，加油😀~

​