webpack系列笔记（6）实现SSR打包

 

 

总结，SSR（server render） 服务端渲染的核心就是减少请求

 

1. 减少白屏时间

2. 对SEO友好

 

SSR的代码实现思路：

1. 服务端：

• 使用react-dom/server的renderToString方法将React组件渲染成字符串
• 服务端路由返回对应的模板

 

2. 客户端

• 打包出针对服务端的组件

 

webpack ssr打包时的问题：

 

如何解决样式不显示的问题？

-- 使用打包出来的浏览器端html为模板

-- 设置占位符，动态插入组件