使用webpack进行服务器端渲染

时间:2015-08-14 10:26:31

标签: javascript reactjs webpack webpack-dev-server page.js

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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

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