服务端渲染+热更新的本质

来源:2-8 开发时的服务端渲染

ApOLO

2018-08-14

服务端渲染+热更新这部分 我学了很久了, 一开始总是觉得云里雾里的难以吃透流程. 在这里总结一下我的认识, 还请老师帮我校验一番.


我们搭建的 开发时服务端渲染+热更新 其实是通过 nodejs 服务器上获取的 devServer 提供的 模板文件 和 react 依赖(包含了react-hot-loader所需的脚本和一个 websocket对象) 来实现的.


在同时启用了 webpack devServer  和 nodejs 服务器后, 当我更新某个组件时, 可以看到浏览器向 nodejs 服务器发起了一次更新的请求, 并且获得了webpack提供的更新脚本. 


由于我们对静态资源的请求 (路径以 "/public/" 开头) 设置了代理, 所以浏览器获得的更新脚本实际上也是来自于 webpack devServer的.



写回答

1回答

Jokcy

2018-08-14

是的,总结的不错,另外这不是唯一的办法,还有很多其他的办法实现这个效果,你可以自己专研一下

1
1
ApOLO
谢谢Jocky老师的评阅^_^
2018-08-21
共1条回复

React全栈+服务器渲染(ssr)打造社区Webapp

【毕设面试】只会写业务代码?out了,带你学会搭建属于自己的工程!

768 学习 · 414 问题

查看课程