框架介绍 res -- Node React Application Web FrameworkGitHub:https://github.com/easy-team/res框架特性Node 端基于 Egg 开发,遵循 Egg 开发规范和 Egg 生态,支持 Egg 所有特性,比如插件机制,多进程机制... 2019-12-22 sky 快速开始 项目初始化安装 res-cli 命令行工具$ npm instal @easy-team/res-cli -g $ res --help Commands: init [options] init boilerplate dev ... 2019-12-22 sky 项目配置 应用项目规范遵循 Egg 项目开发规范,其中 app/web 目录为前端代码, config/res.config.js 为 webpack 配置文件本地开发 Webpack 内存构建,发布构建静态资源在 app/public 目录,服务端在 app/view 目录TypeScript ... 2019-12-22 sky 项目开发 默认集成插件res-cli egg-view-react-ssr egg-view-nunjucks egg-webpack egg-webpack-react说明:Node 开发遵循 Eggjs 所有已有项目规范, 参考:https://github.com/easy-team/res-aweso... 2019-12-22 sky 构建发布 构建文件TypeScript Node 构建npm run tsc TypeScript 前端工程构建npm run build项目打包部署先运行 npm run tsc 和 npm run build 构建 TypeScript Node 代码和 TypeScript 前端代码项目代码和构建代... 2019-12-22 sky 本地开发 Node 调试res debug 启动应用然后复制 chrome-devtools://devtools/bundled/inspector.html?experiments=true&v8only=true&ws=127.0.0.1:9999/__ws_proxy__ 到 chro... 2019-12-22 sky 公共代码实现 React Render 初始化辅助代码${root}/app/web/framework/app.tsximport React, { Component } from 'react'; import ReactDOM from 'react-dom'; // 热更新 import { Ap... 2019-12-22 sky 服务端渲染(SSR) Node 代码实现https://www.yuque.com/easy-team/egg-react/node在 Node 服务端运行 jsbundle,并渲染成完整的 HTML 内容返回给客户端使用 ctx.render 进行 React 服务端渲染,文件名为 Webpack entry 文... 2019-12-22 sky 客户端渲染(CSR) React Node 端代码实现服务端只渲染 HTML 的 HTML,HEAD,BODY 标签结构,具体 BODY 内容由 ctx.renderClient 进行 React 客户端渲染; 文件名为 webpack entry 的文件名,注入的页面 JS 文件为 app/public 文件。$... 2019-12-22 sky HTML 页面渲染 React + Nunjucks 静态页面前端渲染Webpack 根据 HTML 模板 直接构建成静态 HTML 页面,然后通过 Nunjucks 执行页面渲染.${root}/app/controller/render.tsimport { Controller } from 'egg'; ... 2019-12-22 sky Asset 渲染模式 React + Nunjucks Asset前端渲染https://www.yuque.com/easy-team/egg-react/asset ${root}/app/controller/render.tsimport { Controller, Context } from '@ea... 2019-12-22 sky