rockyxiansheng / react-server-render Goto Github PK

View Code? Open in Web Editor NEW

react服务端渲染（持续更新中。。。喜欢的话请点star，要订阅点watch！）借鉴：https://github.com/chikara-chan/react-isomorphic-boilerplate

License: MIT License

JavaScript 100.00%

react-server-render's Introduction

Visual

服务器端渲染WEB APP

技术栈

[React]
[React Router 3.x]
[Mobx]
[axios]
[Sass]
[PostCSS]
[Koa 2.x]
[Webpack 1.x]
[Babel]
[Hot Module Replacement]
[pm2]
~~Database~~
~~Test Framework~~

开始

需要Node.jsV6以上版本
npm install 安装依赖
npm run dev 启动开发环境
npm run build 编译文件
npm start 部署生产服务器

目录结构

visual/                                      // 根目录
├── build/                                   // webpack 配置
│     ├── webpack.dev.config.js                 // DEV环境
│     └── webpack.prod.config.js                // RPD环境
├── client/                                  // 客户端目录
│     ├── config/                               // 配置
│     ├── containers/                           // 页面容器
│     ├── mixin/                                // scss mixin
│     ├── app.js                                // 入口JS
│     ├── app.scss                              // 公共SCSS
│     └── app.state.js                          // 全局State
├── dist/                                    // 编译输出目录
│     ├── client/                               // 客户端
│     └── server/                               // 服务端
├── server/                                  // 服务端目录
│     ├── controllers/                          // 控件器
│     ├── middlewares/                          // 中间件
│     ├── models/                               // models
│     ├── routes/                               // routes
│     ├── app.js                                // 在服务器上创建KOA实例
│     ├── server.dev.js                         // 开发模式下的入口文件
│     └── server.prod.js                        // 生产模式下的入口文件
├── views/                                   // 视图目录
│     ├── dev/                                  // 开发模式下生成的输出文件
│     ├── prod/                                 // 生产模式下生成的输出文件
│     └── tpl                                   // 模板
├── .eslintignore
├── .eslintrc
├── .gitattributes
├── .gitignore
├── LICENSE
├── package.json
└── README.md