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

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

部署 部署 static 目录到 cdn HTML 在非根路径 静态化 HTML 后缀 部署 umi build 后会生成 dist 目录，这个目录可直接用于部署。 比如： ./ pages ├── index . css ├── index . js └── list . js build 之后会生成： ...

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

区块 使用区块 区块开发 初始化区块 区块添加逻辑 宏替换 区块调试 区块 在 umi 中，区块是指页面级别的可复用的代码。umi 定义了一个区块的规范，你可以通过 umi 能够快速简单的在你的项目中添加区块，用于快速的开始一个页面的开发。 使用区块 在项目根目录使用如下命令可以添加一个区块到到你的项目中： $ umi blo...

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

umi 特性 快速上手 例子 社区 钉钉群 微信群 Telegram License umi ? 可插拔的企业级 react 应用框架。 Please consider following this project’s author, sorrycc , and consider starring the project...

.env 和环境变量 如何配置 环境变量 UMI_ENV PORT HOST APP_ROOT ANALYZE ANALYZE_PORT " level="3">BABEL_POLYFILL COMPRESS CSS_COMPRESS BROWSER CLEAR_CONSOLE HMR BABELRC BABEL_CACHE ...

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

环境变量 设置环境变量 执行命令时添加 在 .env 文件中定义 环境变量列表 APP_ROOT ANALYZE COMPRESS FORK_TS_CHECKER FRIENDLY_ERROR HMR HTML HOST PORT PROGRESS UMI_ENV 环境变量 设置环境变量 执行命令时添加 比如， ...