my-react-ssr:React SSR 服务端渲染架构,轻松实现 SSRPrerenderCSR

时间:2021-05-04 10:19:47
【文件属性】:
文件名称:my-react-ssr:React SSR 服务端渲染架构,轻松实现 SSRPrerenderCSR
文件大小:802KB
文件格式:ZIP
更新时间:2021-05-04 10:19:47
JavaScript react 服务端渲染架构 webpack.server.config.js 打包ssr.js为commonjs模块, 导出一个对象,key为src目录下模块目录名,value为 模块目录里面index.ssr.js导出的render函数 function render() { return ReactDOMServer.renderToString(); } webpack.config.js利用html-webpack-plugin templateContent方法,通过引用上述ssr导出对象,动态获取组件渲染的html字符串,并插入到模板 最后将htmlWebpackPlugin 实例中的tags 注入到模板, 最终页面执行ReactDOM.hydrate 实现react激活 开发的时候可以忽略第一步, 只处理csr, 发布的时候可以考虑 以下3种情况: a. 很

网友评论