首页
首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
仿dumi项目
kukiiu
创建于2023-01-27
订阅专栏
通过实现一个简易的dumi项目,来学习dumi源码。
等 5 人订阅
共10篇文章
创建于2023-01-27
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
umi插件开发【仿dumi项目】 - 项目介绍及基础环境搭建
前言 大家好,本次项目将通过仿照dumi来学习umi插件开发,dumi是基于umi实现的组件开发及组件文档生成框架。大家熟悉的ant-design就是基于dumi来生成文档站点。 本次学习将围绕dum
umi插件开发【仿dumi项目】 - 实现基础路由解析
umi默认约定在/src/pages添加的(j|t)sx?文件会自动加载为路由。同样我们希望实现在某个目录下添加的markdown文件自动加载成为路由直接访问,本章我们首先来实现路由自动解析及页面展示
umi插件开发【仿dumi项目】 - 实现页面布局
上一章我们已经完成/docs目录下文件自动生路由功能,本章我们将在此基础上,实现自动生成页面导航的功能。 实现思路 使用默认模板提供的layout展示路由切换 使用自定义主题插件 使用默认项目提供的l
umi插件开发【仿dumi项目】 - 自动生成导航栏
前面我们已经完成了页面布局和页面路由,现在我们的导航栏还是自己写死在代码中,现在我们来改造成自动根据页面路由来生成导航栏。 获取路由信息 我们在前面创建的路由对象,会被umi存入appData对象中,
umi插件开发【仿dumi项目】 - 加载markdown文件
前面章节中我们已经顺利将tsx组件转换为页面展示,但是目前提供的功能和umi的约定式路由功能差不多,接下来我们将实现将markdown文件转换为页面展示。 为什么不能直接展示markdown 我们前面
umi插件开发【仿dumi项目】 - 将markdown文件转为页面
前面我们已经成功将.md文件通过import加载到react组件中,并能拿到文件内容进行展示。但是点击markdown的导航链接还是会报错: 这个报错和前面的报错有点相似,只是前面是无法解析链接,这里
unified插件开发【仿dumi项目】- 开发环境搭建
大家好,本章是【仿umi项目】的第二部分unified插件开发。学习本节后,我们可以对`unified`的整体流程及其插件开发有更深入的了解。
unified插件开发【仿dumi项目】- 测试环境搭建
一个完整的项目当然少不了测试,本章我们将搭建项目的测试环境。 安装jest 我们使用jest作为测试框架,jest上手非常简单。本章节文章组织比较特殊,我们将跟随文档一步步搭建jest单元测试环境。
unified插件开发【仿dumi项目】- 封装unified
本项目是用于简化解析markdown过程,并提供各种自定义插件增强解析特征,对外发布时将会使封装成链式操作给使用者。 由于unified使用的是纯ESM,dumi在引入unified时需要动态引入,因
unified插件开发【仿dumi项目】- 发布环境搭建
前两章已经将开发和测试环境搭建好了,并且也封装了基本的操作流程,总体来说在后续开发流程中已经足够方便,同时我们也感受到了混用ESM和CJS带来的麻烦,所以我们提前来将发布环境也搭建起来,看看发布后能不