背景在开发大型项目时, 我们通常会遇到同一工程依赖不同组件包, 同时不同的组件包之间还会相互依赖的问题, 那么如何管理组织这些依赖包就是一个迫在眉睫的问题. 我们目前已有的方案有: Multirepo(多个依赖包独立进行git管理) 和 Monorepo(所有依赖库完全放入一个项目工程).Multirepo的缺点在于每个库变更之后，需要发布到线上，然后在项目中重新安装, 打包, 发布, 最后才能更
原创
2022-01-11 16:11:34
490阅读
workspacesworkspaces 文档创建文件： 根目录下的package.jso
原创
2021-11-30 15:52:01
704阅读
dumi 1.0 是今年的 3 月 2 日发布的，到现在已经过去了 304 天。在这期间，dumi 已经成为 700+ 社区项目的组件库研发/文档编写工具，将近 10k 的 npm 包月下载量，收到了近 300 的 issue 反馈、150+ 的 PRs，有了数不清的不断帮助 dumi 做改进和优化的小伙伴，感谢大家对 dumi 的支持；在这期间，通过不断地收集反馈、规划功能、迭代研发，我们也准备
转载
2021-01-29 21:38:46
1183阅读
2评论
作为技术人，相信大家都会想有一个自己的专属博客，用于记录自己走过路的，趟过的坑，或是沉淀工作和学习心得！首先讲下行业现状，目前主流搭建博客用到的方式：dumi： 蚂蚁金服出品，一款为组件开发场景而生的文档工具VuePress：Vue 官方出品，支持第三方主题，可搭配 commento 实现博客评论Hexo： 一个快速、简洁且高效的博客框架，热度蛮高GitHub Pages： Github 官方提供的为项目提供的文档[Github issue]： 本是用于提交代码缺陷的，但目前发现有很多人用作写
原创
2021-07-15 09:44:46
816阅读
官网地址：dumi - 为组件开发场景而生的文档工具 - dumi一、项目简介二、项目特点三、快速入门（1）新建一个目录（2）
原创
2022-08-15 17:31:35
1398阅读
dumi为我们创建个人组件库提供了很好的平台，开箱即用，可以把专注度放在组件业务部分的编写上。搭建步骤：1.创建文件夹并初始化脚手架mkdir my-app
cd my-app
$ npx @umijs/create-dumi-lib # 初始化一个文档模式的组件库开发脚手架
# or
$ yarn create @umijs/dumi-lib
$ npx @umijs/creat
转载
2023-10-20 06:46:16
183阅读
1.storybook 2.docsify 3.vuepress 4.dumi ...
转载
2021-09-22 17:32:00
267阅读
2评论
众所周知，（假设众所周知）dumi 是一款基于 Umi 打造、为组件开发场景而生的文档工具，与 father 一起为开发者提供一站式的组件开发体验，father 负责构建，而 dumi 负责组件开发及组件文档生成。它以易用美观的特点吸引了数百万的用户使用（我吹的）。可惜在当前的版本上，还不太支撑移动端的组件库开发。其中有两个问题1. 移动端页面的解析和文档页面的解析，共用一套的 umi 配
转载
2023-07-24 18:14:34
39阅读
这篇文章会介绍一个 React 组件库项目的搭建、打包、发布但不会涉及组件库文档站点的构建，如有需要，建议查看《使用 dumi 打包 React 组件库并生成文档站点》另外，虽然本文介绍的是 React 组件库，但对于 Vue 组件库也是通用的 一、创建项目首先参考 Vite 的文档创建一个项目yarn create vite my-packages --template r
由于公司项目需要，最近使用dumi移动端主题框架对antd design mobile进行二次封装的组件库开发，在框架的搭建过程中，组件库和组建文档的打包发布遇到了很多问题，经过近半个月的摸索，项目逐渐完善，现将遇到的问题整理记录下来~一、ts语法编译时，引入的本地图片提示“Cannot find module”问题 在执行 father-build 打包命令时报错如下：使用了
转载
2023-11-10 08:21:47
55阅读
但是，由于一直以来所有的文档都是使用 dumi 加上 vercel 上 ci 自动构建部署的，众所周知，用户的懒惰习惯一旦养成，将很难被改变。主要是访客太少了，alita 做了一年多了，才 100 多的 star。咳咳，圆规正转。因为我也存在这样的问题，所以群里说到的这个问题，我就特别关注。这时候某俊同学(不知道对外如何称呼)的回答，吸引了我。“其实直接 CI/CD Action 部署到 gh-p
转载
2021-04-09 14:19:56
466阅读
现代人社交的一项基本礼仪是什么？开美颜。无论是自拍美照还是美食萌宠，美颜滤镜的加持，让我们更容易拍出有质感、有风格的照片和视频。随着越来越多的 APP 希望添加美颜功能，百度大脑 DuMix AR 平台特地将依托高精度人脸关键点检测及三维重建算法打造优质人像美化效果和个性化视频特效能力，打包集成为美颜滤镜 SDK，充分满足用户的场景需求和开发者的差异化定制需求。近日，DuMi
转载
2023-11-02 13:08:00
80阅读
目前部门维护自己的组件库(miui-desgin)，并发布到了公司私有的npm库（由JFrog artifactory搭建）。组件库几乎是照搬了antd的文件组织结构和打包方式，而组件的使用说明文档也是使用了dumi。而组件库和文档的发布仍采取本地执行命令并发布的方式，虽然前期制定了发布流程和规范，但从结果上看，依然的存在很多的问题。例如：发布环境不统一、发布流程无法保证、发布流程需要一定的学习成本、每次发布都需要一定的时间成本等。并且随着项目越来越复杂，参与人数越来越多，以上问题会表现的更加的突出，最终导致的正式包内容的不可控。
而要解决解决手动发布组件库的问题，可以借助Gitlab CICD的能力，将组件库的发布和文档的部署过程搬到线上来执行。不过由于大部分的开源项目在Github上，且npm库的发布也并没有采用自动化，因此可以参考的开源组件自动发布流程并不多。不过借助网络上的零散资料和自身部门对组件库管理的规范，整理出如下的UI库自动发布方案。
原创
2022-06-13 23:08:11
1001阅读
点赞
