进阶使用 获取 YKit 内部 Webapck 实例 获取当前环境变量 提取公共模块 自定义中间件 中间件作用域 错误处理 进阶使用 获取 YKit 内部 Webapck 实例 在 modifyWebpackConfig 函数中从 this 可以获取到以下属性。 module . exports = { plug...

1、环境与构建 基础环境 使用 ykit 构建（推荐） 2、全新的开发方式 3、开始开发 4、基础用法 4.1 配置别名 4.2 使用Yo Component 4.3 使用Yo style 5、项目目录结构 6、更新升级 Yo 提供了一些非常便捷的开始方式，你可以通过阅读下面的内容根据自己的特定需要来选择： 1、环境与构建 ...

开始 开发 编译 发布 编译脚本修改 所发布的资源 开始 开发 如果是 QRN 的项目，需要将 QRN 项目转化为 QRN-Web 项目，通常需要执行以下命令： # 在 package.json 中添加 qrn-web 依赖 qrn transform # 启动开发服务器 qrn run - w # 如果出现...

动态链接库 基本使用 使用production环境的lib.js 修改 lib.js 中的内容 关闭动态链接库 动态链接库 基本使用 由于 Yo 依赖的 React 和周边组件的模块(React ，ReactDOM ，Yo-Router ，Babel-Polyfill )数量达到了 548 个之多（取当前版本，可能以后有出入），使用 ...

Mock介绍 定义 mock 数据示例 方式1. mockjs 原理 2 基于本地服务器反向代理 2.1 基于 nginx 反向代理 2.2 基于 ykit mock功能 2.3 基于 ykit Jerry 代理 2.4 基于 Charles 代理 mock请求严格模式 Mock介绍 YApi的 Mock 功能可以根据用户的输入...

Yo 的体积 lib.js Yo Yo 的体积 更新时间：2017 年 3 月 17 日 lib.js lib.js 主要包括 React、ReactDom、babel-polyfill、Yo-Router 和 Yo 中的常用组件。推荐大家将常用的包和组件都配置到 lib.js 中。 组成 体积 gzip 后的体积 版本 React ...

1、Demo解析 1.1 HTML 页面 1.2 JS 入口文件 1.3 Yo-Router 的 History 配置 1.4 Home 页面 1、Demo解析 1.1 HTML 页面 我们首先来看看这个页面的 HTML 文件，它位于 src/html 目录下，可以看到这个页面的 css 和 js 的引用方式。这里的 js 文件分成了两部...

运行开发服务器 加载插件 初始化目录 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...

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