目录约定 复杂应用 简单应用 目录约定 在文件和目录的组织上，UmiJS 尽量选择约定的方式。 复杂应用 一个复杂应用的目录结构如下： . ├── dist / // 默认的 build 输出目录 ├── mock / ...

基本配置 plugins hd disableServiceWorker preact loading hashHistory singular disableDynamicImport disableFastClick 基本配置 plugins 类型：Array 默认值：[] 指定插件。 比如： export d...

初始化插件 在 umi 中，插件实际上就是一个 JS 模块，你需要定义一个插件的初始化方法并默认导出。如下示例： export default ( api , opts ) => { // your plugin code here }; 需要注意的是，如果你的插件需要发布为 npm 包，那么你需要发布之前做编译...

什么是 dumi？ 特性 参与贡献 什么是 dumi？ dumi，暂时就叫它嘟米 吧，是一款基于 Umi 打造、为组件开发场景而生的文档工具，与 father 一起为开发者提供一站式的组件开发体验，father 负责构建，而 dumi 负责组件开发及组件文档生成 。 和 Umi 类似，dumi 也是以路由为基础的，会自动根据目录结构和 Fro...

区块 什么是区块 使用区块 添加到路由 更多内容 区块 什么是区块 区块是研发资产的一种，它是一系列快速搭建页面的代码片段，它可以帮助你快速的在项目中初始化好一个页面，帮助你更快速的开发代码。当前的区块都是页面级别的区块，你可以理解为它是一些项目中经常会用到的典型页面的模板，使用区块其实相当于从已有的项目中复制一些页面的代码到你当前的项目...

构建 构建 分析构建文件体积 构建 构建 当项目开发完毕，只需要运行一行命令就可以打包你的应用： $ npm run build 由于 Ant Design Pro 使用的工具 Umi 已经将复杂的流程封装完毕，构建打包文件只需要一个命令 umi build ，构建打包成功之后，会在根目录生成 dist 文件夹，里面就...

应用类 API 对于应用类 API，可以有直接调用和函数回调两种方式。 直接调用的示例如下： api . addRendererWrapperWithComponent ( '/path/to/component.js' ); 函数回调的示例如下： api . addRendererWrapperWithComponent (() =>...

chunks chunks 默认是 ['umi'] ，可修改，比如做了 vendors 依赖提取之后，会需要在 umi.js 之前加载 vendors.js 。 比如： export default { chunks : [ 'vendors' , 'umi' ] chainWebpack : functio...

定制主题 Ant Design 的样式变量 定制方式 在 webpack 中定制主题 在 Umi 里配置主题 在 create-react-app 中定制主题 配置 less 变量文件 没有生效？ 官方主题 🌈 使用暗黑主题和紧凑主题 社区教程 定制主题 Ant Design 设计规范和技术上支持灵活的样式定制，以满足业务和品牌上...

系统级 API registerPlugin 加载插件，用于插件集等需要在一个插件中加载其它插件的场景。 const demoPlugin = require ( './demoPlugin' ); api . registerPlugin ({ id : 'plugin-id' , apply : demoPlug...