代码分割与异步路由加载 chunk 文件打入离线包 代码分割 异步路由加载 异步加载组件 异步加载首页路由、子路由 配置publicPath 代码分割与异步路由加载 对于大型单页应用、多页应用以及 hy 上的应用来说，在一个页面中加载全部的静态资源都是一种浪费，因此我们在 router 中支持了根据页面按需引入页面内所需的资源。 c...

运行开发服务器 加载插件 初始化目录 index.js 配置说明 server.js 绑定钩子 如何使用 YApi vendors/server 目录下的模块 controller 和 model client.js 绑定钩子(同后端 server.js ) 运行开发服务器 npm install npm install - ...

安装YApi 技术栈说明 启动开发环境服务器 启动生产环境服务器 安装YApi 1.创建工程目录 mkdir yapi && cd yapi git clone https :// github . com / YMFE / yapi . git vendors -- depth = 1 # 或者下载 zip 包解压到 vend...

安装YApi 技术栈说明 启动开发环境服务器 启动生产环境服务器 安装YApi 1.创建工程目录 mkdir yapi && cd yapi git clone https : //github.com/YMFE/yapi.git vendors --depth=1 # 或者下载 zip 包解压到 vendors 目录 2.修改...

QRN-Web QRN-Web QRN-Web 是一个快速复用 QRN 代码的转换工具，其与 QRN-Cli 高度整合，开发者无需安装额外的工具即可快速使用。 QRN-Web 可以： 自动安装符合当前 QRN 项目的 QRN-Web 版本 一条命令即可进入开发 一条命令即可将 QRN 项目编译为浏览器可运行的项目 使用 ykit 发布 自定义组...

3、Mock 数据 3、Mock 数据 接下来我们来实现刷新和加载更多的功能。在实现这个功能之前，我们首先将数据改造成 mock 的方式，毕竟在一个实际的项目里，这些数据都应该是从后端请求得到的。 对于 mock 我们推荐使用 YApi ，它是我们开发的 API 管理平台，她提供了全方位的 API 管理功能，让团队的合作更加的高效，具体的使用可以参...

代理工具 启动代理 切换到代理服务 Host管理 Mock服务 自定义 Url Map 查看请求日志/设置断点 HTTPS和Throttling 注意事项 代理工具 启动代理 YKit 使用 Jerry Proxy 作为代理插件。它结合了SwitchHost 和Charles/Fiddler 的功能，包括： 无 DNS 缓存...

前后端版本号关联 页面写法 后端配置 参数说明 扩展功能 关联报警 预先缓存 HTML压缩 前后端版本号关联 主要解决前后端版本自动化关联问题。目前推荐使用 ykit-version-plugin，最新版本为1.1.3，建议使用最新版本。 页面写法 只需要在资源文件名后面加一个@ver，发布之后即可自动匹配到对应的前端资源。 ...

进阶使用 生命周期 自动注入 手动注入 代码分割与异步路由加载 代码分割 异步路由加载 异步加载组件 异步加载首页路由、子路由 ViewStack 进阶使用 生命周期 自动注入 对于普通的业务逻辑，可以直接使用 withRouter(Component, { lifecycle: true }) 的配置来装饰组件，让组件自...

在实际的项目中，你可能还需要 Redux 或者 Mobx 这样的数据流框架以及 React Router 这样的路由管理工具，Yo3 作为一个独立的 React UI 库，可以和任何已有的 React 工具搭配使用。 为了能够让路由能自由的在 SPA / 多页 下进行切换并提供统一的生命周期管理与数据传递方式，我们也参考 React Router 实现了...