插件测试 为什么要测试？ 测试框架 测试约定 单元测试 插件功能 纯函数测试 临时文件测试 html 测试 运行 E2E 测试 示例代码 TODO 插件测试 为什么要测试？ Umi 3 我们采用微内核的架构，意味着大部分功能以插件的形式加载。 所以插件质量 很大程度决定了 Umi 整体功能的稳定性 。 当插件有良好的测...

项目实战 安装 Umi 安装插件集 新建路由 编写 UI Component 定义 dva Model connect 起来 构建应用 下一步 项目实战 在真实项目开发中，你可能会需要 Redux 或者 MobX 这样的数据流方案，Ant Design React 作为一个 UI 库，可以和任何 React 生态圈内的数据流方案以及应...

singular singular Type: boolean Default: false 配置是否启用单数模式的目录。 比如 src/pages 的约定在开启后为 src/page 目录，@umijs/plugins 里的插件也遵照此配置的约定。

目录结构 根目录 package.json .umirc.ts .env dist 目录 mock 目录 public 目录 /src 目录 .umi 目录 layouts/index.tsx pages 目录 app.ts 目录结构 一个基础的 Umi 项目大致是这样的， . ├── package . json...

analyze analyze Type: object Default: {} 包模块结构分析工具，可以看到项目各模块的大小，按需优化。通过 ANALYZE=1 umi build 或 ANALYZE=1 umi dev 开启，默认 server 端口号为 8888 ，更多配置如下： { // 配置具体含义见：https:/...

升级到 Umi 3 package.json tsconfig.json 升级 umi-plugin-react 为 @umijs/preset-react 配置层 环境变量层 代码层 import all from umi umi/router CSS 里引用别名或三方库 遇到问题 升级到 Umi 3 本文档将帮助你从 Umi ...

项目实战 安装 Umi 安装插件集 新建路由 编写 UI Component 定义 dva Model connect 起来 构建应用 下一步 项目实战 在真实项目开发中，你可能会需要 Redux 或者 MobX 这样的数据流方案，Ant Design React 作为一个 UI 库，可以和任何 React 生态圈内的数据流方案以及应...

快速上手 环境准备 脚手架 安装依赖 启动项目 修改配置 部署发布 构建 本地验证 部署 快速上手 环境准备 首先得有 node ，并确保 node 版本是 10.13 或以上。（mac 下推荐使用 nvm 来管理 node 版本） $ node - v v10 . 13.0 推荐使用 yarn 管理 npm ...

plugins plugins Type: Array(string) Default: [] 配置额外的 umi 插件。 数组项为指向插件的路径，可以是 npm 依赖、相对路径或绝对路径。如果是相对路径，则会从项目根目录开始找。 export default { plugins : [ // npm 依...

控制导航生成 约定式导航规则 控制导航名称 控制导航路径 控制导航顺序 控制菜单生成 配置式导航 控制导航生成 注意：导航仅在 site 模式下可用。 约定式导航规则 和菜单项及菜单分组一样，dumi 的导航也是建立在路由结构上生成的。路由的嵌套关系会被 dumi 解析为导航及导航下的菜单分组，还是看看 dumi 会怎么识别路由...