仿dumi项目

前言 大家好，本次项目将通过仿照dumi来学习umi插件开发，dumi是基于umi实现的组件开发及组件文档生成框架。大家熟悉的ant-design就是基于dumi来生成文档站点。 本次学习将围绕dum

umi默认约定在/src/pages添加的(j|t)sx?文件会自动加载为路由。同样我们希望实现在某个目录下添加的markdown文件自动加载成为路由直接访问，本章我们首先来实现路由自动解析及页面展示

上一章我们已经完成/docs目录下文件自动生路由功能，本章我们将在此基础上，实现自动生成页面导航的功能。 实现思路 使用默认模板提供的layout展示路由切换 使用自定义主题插件 使用默认项目提供的l

前面我们已经完成了页面布局和页面路由，现在我们的导航栏还是自己写死在代码中，现在我们来改造成自动根据页面路由来生成导航栏。 获取路由信息 我们在前面创建的路由对象，会被umi存入appData对象中，

前面章节中我们已经顺利将tsx组件转换为页面展示，但是目前提供的功能和umi的约定式路由功能差不多，接下来我们将实现将markdown文件转换为页面展示。 为什么不能直接展示markdown 我们前面

前面我们已经成功将.md文件通过import加载到react组件中，并能拿到文件内容进行展示。但是点击markdown的导航链接还是会报错： 这个报错和前面的报错有点相似，只是前面是无法解析链接，这里

大家好，本章是【仿umi项目】的第二部分unified插件开发。学习本节后，我们可以对`unified`的整体流程及其插件开发有更深入的了解。

一个完整的项目当然少不了测试，本章我们将搭建项目的测试环境。 安装jest 我们使用jest作为测试框架，jest上手非常简单。本章节文章组织比较特殊，我们将跟随文档一步步搭建jest单元测试环境。

本项目是用于简化解析markdown过程，并提供各种自定义插件增强解析特征，对外发布时将会使封装成链式操作给使用者。 由于unified使用的是纯ESM，dumi在引入unified时需要动态引入，因

前两章已经将开发和测试环境搭建好了，并且也封装了基本的操作流程，总体来说在后续开发流程中已经足够方便，同时我们也感受到了混用ESM和CJS带来的麻烦，所以我们提前来将发布环境也搭建起来，看看发布后能不