Skip to content

💣 react 的 服务端渲染脚手架,基于react16.x、react-router-v5、webpack3.x构建

Notifications You must be signed in to change notification settings

zidoshare/react-ssr-starter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

6a973db · Mar 20, 2019

History

11 Commits
Mar 20, 2018
Mar 20, 2019
Mar 20, 2018
Mar 20, 2018
Mar 11, 2018
Mar 20, 2018
Mar 20, 2018
Mar 20, 2018
Mar 20, 2018
Mar 20, 2018
Mar 20, 2018
Mar 20, 2018
Mar 20, 2018
Mar 20, 2018

Repository files navigation

react-ssr-starter

react 服务端渲染脚手架

开发与构建

开发环境

npm run start

开发环境下,使用devServer做为服务器。

生成环境

npm run build

会构建两个目录,分别时build目录和dist目录。

  • build/:nodejs执行目录,运行时执行 node ./build/server.build.js即可

  • dist/:前端页面目录,必须存在。server.js会读取dist目录中的文件

另外可以分别执行npm run build:clientnpm run build:server构建项目

约定

  • 路由配置放在src/Routes.jsx中。可选择使用react-loadable进行代码分离。每个route带有一个init属性,服务端会读取此属性并执行此方法(用来初始数据)。
  • 默认集成eslint。在vscode中安装eslint插件可检测。开发风格偏向tab:2 no-semi sigle-quotes类似的简单风格
  • .browserslistrc:postcss的配置
  • eslint.json: eslint配置

特性说明

  1. 代码热加载
  2. react-router路由继承
  3. 代码分离
  4. redux集成
  5. es6/es7
  6. css/less/sass
  7. koa2

About

💣 react 的 服务端渲染脚手架,基于react16.x、react-router-v5、webpack3.x构建

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published