title | date |
---|---|
服务器端渲染程序 demo 图床 |
2018-05-20 |
基于Webpack工程化解决方案easywebpack
构建项目
基于 Egg + React + Webpack3 + 七牛云存储 单页面服务端渲染同构工程图床Demo
项目
- Egg 版本: ^2.x.x
- Node 版本: Node ^8.x.x+
- Webpack 版本: ^3.10.0, 对应
easywebpack-react
版本为 3.6.0 - React 版本: ^15.0.0, ^16.0.0,
- qiniu 版本: 7.1.7
-
基于 React 单页面服务端客户端同构实现
-
支持服务端渲染
render
和纯前端渲染renderClient
-
支持 react-router, react-redux 服务端/客户端单页面渲染
-
Node 8 版本的 async 和 await 特性, Controller 采用 class 方式编写
-
图片保存到七牛云
-
拖拽上传图片
- easywebpack ^3.5.3
- easywebpack-react ^3.5.0
- egg-view-react-ssr ^2.1.0
- egg-webpack ^2.4.6
- egg-webpack-react ^2.0.0
git clone https://github.com/yunqiangwu/jj-image-bed.git
yarn install
yarn start
yarn start
应用访问: http://127.0.0.1:7001
// 直接运行(编译文件全部在内存里面,本地开发使用)
yarn start
// 编译文件到磁盘打包使用(发布正式环境)
yarn run build 或者 easywebpack build prod
- 拖拽上传
- 粘贴图片
- 相册管理