基本 API dynamic history plugin ApplyPluginsType 基本 API dynamic 动态加载组件。 import { dynamic } from 'umi' ; const delay = ( timeout ) => new Promise ( reso...

@umijs/plugin-request 启用方式 介绍 配置 构建时配置 dataField 运行时配置 errorConfig.adaptor errorConfig.errorPage middlewares API useRequest request RequestConfig ErrorShowType @u...

dynamicImport dynamicImport Type: object Default: false 是否启用按需加载，即是否把构建产物进行拆分，在需要的时候下载额外的 JS 再执行。 默认关闭时，只生成一个 js 和一个 css，即 umi.js 和 umi.css 。优点是省心，部署方便；缺点是对用户来说初次打开网站会比较慢...

添加 404 页面 添加 404 页面 umi 中约定 pages 目录下的 404.js 为 404 页面，这个文件需要返回 React 组件。比如： export default ( ) => { return ( < div > 404 page < / div > ...

工具 通过 dva-cli 创建项目 通过 umi 使用 dva 工具 通过 dva-cli 创建项目 先安装 dva-cli 。 $ npm install dva - cli - g 然后创建项目。 $ dva new myapp 最后，进入目录并启动。 $ cd myapp $ npm start...

pro 2.x 里使用 文件路径 修改路由 安装依赖 CSS Modules 暂时先删除换肤插件 pro 2.x 里使用 Ant Design pro 是 Ant Design 推出的一个开箱即用的中台前端/设计解决方案。 文件路径 Ant Design pro v2.x 使用的为 umi 脚手架，文件目录同样为 src/page...

系统级变量 config .umirc.js 或者 config/config.js 里面的配置。 paths outputPath: 构建产物的生成目录 absOutputPath: 构建产物的生成目录（绝对路径） pagesPath: page(s) 路径 absPagesPath: page(s) 的绝对路径 tmpDirPath:...

按需加载 按需加载组件 按需加载模块 按需加载 出于性能的考虑，我们会对模块和组件进行按需加载，比如 umi 本身在实现的时候，每个页面就是按需加载的。 按需加载组件 通过 umi/dynamic 接口实现，比如： import dynamic from 'umi/dynamic' ; const de...

HTML 模板 修改默认模板 针对特定页面指定模板 HTML 模板 修改默认模板 新建 pages/document.ejs ，umi 约定如果这个文件存在，会作为默认模板，内容上可以参考 umi 内置模板 ，需要保证出现 <div id="root"></div> 。 针对特定页面指定模板 WARNING 此功能需配合 export...

@umijs/plugin-locale 启用方式 介绍 约定式多语言支持 import from umi addLocale getAllLocales getLocale useIntl setLocale 配置 构建时配置 baseSeparator default antd title baseNavigator 运行时...