正常的网页运行，需要生成dom，在dom树loaded之后由js绑定相关的dom事件，监听页面的交互。服务端并不具备dom的执行环境，因而所有的服务端渲染其实都是返回了一个填充了初始数据的静态文本。在react中，除了常用的render这个用于生成dom的方法，还提供了rend…

CSR是Client Side Render简称；页面上的内容是我们加载的js文件渲染出来的，js文件运行在浏览器上面，服务端只返回一个html模板。 SSR是Server Side Render简称；页面上的内容是通过服务端渲染生成的，浏览器直接显示服务端返回的html就可以…

1、相关概念CSR：客户端渲染(ClientSideRender)。渲染过程全部交给浏览器进行处理，服务器不参与任何渲染。SSR：服务端渲染(ServerSideRender)。DOM树在服务端生成后

也没有执行render之后的生命周期，组件没有被完整地“渲染”出来。因此，另一部分渲染工作仍然要在客户端完成，这个过程就是 hydrate

一个永远不会改变位置。当用户实际上没有四处点击时，这在服务器端渲染方案中很有用，因此位置永远不会实际更改。因此，名称为：静态。当您只需要插入一个位置并对渲染输出进行断言时，它在简单测试中也很有用。 项目打包通常不会把所有的内容打包到一个文件里面，那样会造成文件过大导致请求过慢从…

上面代码是常用prerender-spa-plugin的配置，staticDir预渲染输出的文件地址，routes要做预渲染的路由，minify压缩相关的配置，renderer渲染引擎相关的配置，可以传入自定以的渲染引擎或者直接使用默认的PuppeteerRenderer，re…