javascript – 使用webpack进行服务器端渲染

我正在使用Reactjs,webpack和page.js(路由)来构建一个webapp. Webpack给了我一个在客户端加载的bundle.js.

我发现og Meta标签如果我在客户端上加载它们就无法抓取,所以我必须在服务器端实现它(服务器端渲染).有没有办法实现它？

(我没有在网上找到关于此的适当文件).

解决方法:

很多人在服务器上使用另一种模板语言渲染html的“shell”(因为只有服务器需要渲染它).你不应该使用React使用普通的API在体外渲染东西(已知的问题).但是你可以使用renderToStaticMarkup,我认为这是一种更好的方法,因为你不在服务器上引入另一种模板语言来渲染shell.

当然,这意味着您无法以正常的React方式更新元描述或document.title等内容,您只需使用普通的旧JavaScript即可.或者我推荐react-helmet(它可以在服务器渲染时修改元和标题).

我在这里做了一个可能有用的例子 – https://github.com/DominicTobias/universal-react/

标签：javascript,webpack,reactjs,webpack-dev-server,page-js
来源： https://codeday.me/bug/20190706/1399283.html