原文: https://leohxj.gitbooks.io/front-end-database/content/frontend-workflow/yo.html

ykit-config-yo Features 安装 创建项目 为已有项目添加 yo 插件 dll 命令 配置 chunk 配置lib.js 插件配置详情 ykit-config-yo 该插件是为 Hy2.0 项目量身定制的构建方案和开发服务。 关于 yo 的详细使用说明请查看 Yo 官方文档 。 Features 支持一键...

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

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

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 文件分成了两部...

环境与构建 配置 ykit 构建 lib.js 开始开发 如果需要在已有项目中使用 Yo ，通过以下步骤即可： 环境与构建 安装 ykit ：(sudo) npm install ykit -g 在 package.json 中添加 Yo 的配置 "yo" : { "path" : "....

Yo-Router 简介 安装 示例 Yo-Router 简介 Yo-Router 是基于 React Router 实现的一个路由库。 Yo-Router 一方面继承了 React-Router 的特点，提供了声明式的方式来创建路由，且保证 UI 的显示与 URL 切换的同步；同时还重写了 History 模块，让路由能自由的在 SP...

4、添加 Iconfont 4、添加 Iconfont 现在我们来看看列表页的交互逻辑，在点击一个列表项后，就会进入对应的详情页。一般来讲，可点击进入下级页面的列表项应该在其右侧加一个右箭头 > ，这样可以从视觉上让用户感知到这个列表是可点击的。 由于 Yo 3 中已经内置了这个图标（Yo 3 自带字体图标一览 ），所以我们直接引用就好了。 <...

Yo-Router API 文档 Yo-Router API 文档 注意 ：yo-router 对 native 桥的调用依赖 hysdk，如果要在 hy 环境下使用 router，请务必先引入 hysdk ，如下面这段代码： 错误的示范 import { Router , Route } from '$rout...

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