Skip to content

自建组件库

我想在自己的测试项目内,把全部的 vue 组件,拆分出来,做成 monorepo 下面的一个子包。积累经验后,应用到之前经手的旧项目内。

参考资料

进度

暂停一下,去做别的事情辅助复习上述的学习进度

  • [x] 自己定义路径别名并制作简单的组件。
  • [x] 用基于 vite.config.ts 的方式实现快速打包一个简单的包,优化之前 rollup 开发的依赖包。
  • [ ] 在本文档项目内,将 50d50p 的组件分离开来,做一个自己的组件库。
    • [ ] 去额外考虑组件的 install 方法,考虑组件的注册情况。
    • [ ] 暂时不考虑拆分成独立的 demo 演示项目。混在组件库内。
    • [ ] 考虑 md 文档模块化导入的技术。

learn-openx-ui

暂停。不跟着了。留作参考资料。整个体系非常复杂。

掘金 全肝鸽鸽

目前跟这个这个简单的教程做。卡在类型生成上面。

GlobalComponents

现在的思路确定了,为了让 volar 可以有效地识别组件库的类型,需要我们为组件库生成对应的全局组件类型。

  • unplugin-vue-components
  • vite-plugin-autogeneration-import-file
  • vite-plugin-dts

现在需要想办法实现简单的生成。试着用 vite-plugin-autogeneration-import-file 在组件库端完成类型文件生成,避免在应用端手动配置 vite 生成类型。太繁琐了。

贡献者

The avatar of contributor named as ruan-cat ruan-cat

页面历史