nodeJS结合webpack服务端渲染react

单页应用存在的问题

1.SEO不友好
2.首次请求时间较长，体验不好

服务端渲染和客户端渲染的区别

.客户端渲染路线：
1.请求html
2.服务端返回html
3.浏览器下载html里面的js/css文件
4.等待js文件下载完成
5.等待js加载并初始化完成
6.js代码可以运行后由js代码向后端请求数据( ajax/fetch )
7.等待后端数据返回
8.react-dom( 客户端 )从无到完整地，把数据渲染为响应页面

服务端渲染路线：

1.请求html
2.服务端请求数据( 内网请求快 )
3.服务器初始渲染（服务端性能好，较快）
4.服务端返回已经有正确内容的页面
5.客户端请求js/css文件
6.等待js文件下载完成
7.等待js加载并初始化完成
8.react-dom( 客户端 )把剩下一部分渲染完成( 内容小，渲染快 )

首先我们先搭建一个简单的本地nodeJS服务，按照他的步骤走一遍就OK。（菜鸟教程）

一、安装

1：为了能够热更新首先安装nodemon代替命令node启动项目

npm install --save-dev nodemon

---

未完待续

---