Jemair/react-ssr-ts

egg-react-typescript-boilerplate

基于 Egg + React + TypeScript + Webpack3 多页面和单页面服务端客户端渲染同构工程骨架项目, Webpack3 构建请见 webpack3 分支.

1. 版本

• Egg 版本： ^2.x.x
• Node 版本: Node ^8.x.x+,
• Webpack 版本: ^4.x.x
• React 版本: ^16.0.0
• TypeScript: ^2.6.2

2. 文档

• http://hubcarl.github.io/easywebpack/react
• https://zhuanlan.zhihu.com/easywebpack

3. 特性

• 支持 Egg Node 端代码 和 前端代码 TypeScript 编写和构建

• 支持 async 和 await 特性, Controller 采用 class 方式编写

• 支持 server 和 client 端代码修改, Webpack 时时编译和热更新, npm run dev 一键启动应用

• 基于 react + react-router + react-redux 单页面服务器客户端同构实现

• 支持开发环境, 测试环境，正式环境 Webpack 编译

• 支持 js/css/image 资源依赖, 内置支持CDN特性

• 支持 Webpack DLL 自动化构建

4. 依赖

• easywebpack-react
• egg-view-react-ssr
• egg-webpack
• egg-webpack-react

5. 使用

5.1 安装依赖

npm install

5.2 本地启动应用

首次运行请先运行一次 npm run tsc

npm run dev

应用访问: http://127.0.0.1:7001

5.3 构建

• TypeScript Egg 构建

npm run tsc

• TypeScript 前端工程构建

npm run build

5.4 打包部署

1. 先运行 npm run tsc 和 npm run build 构建 TypeScript Egg 代码和 TypeScript 前端代码
2. 项目代码和构建代码一起打包代码
3. 应用部署后，通过 npm start 启动应用

License

MIT