热更新的原理分析
Webpack Compile :将JS编译成Bundle
HMR Server:将热更新的文件输出给HMR Rumtime
Bundle server:提供文件在浏览器的访问
HMR Rumtime:会被注入到浏览器,更新文件的变化
bundle.js:构建输出的文件
Scope Hosting的特点及使用
- 代码体积更小
- 创建函数作用域更少
- 代码可读性更好
ssr 设计思路(webpack)
服务端:
- 使用react-dom/server的renderToString方法将React组价渲染成字符串
- 服务端路由返回对应的模板
客户端
- 打包出针对服务端的组件