React-router 和服务器端渲染
React-router and server sided rendering
我想用 react-router 和 Koa 渲染服务器端。但是,如果我包含完整的节点构建,我只会让它工作。这是由于我的组件需要 sass 编译、图像处理等。
如果我的前端应用程序是预编译的,并且从那里获取路由及其呈现为字符串的相关页面,那就太好了。
现在我从 routes.js 文件导入路由,该文件导出以下内容以及未编译的组件:
export default (
<Route path="/" component={Shell}>
<IndexRoute component={Home} />
<Route path="sub">
<Route path="zero" component={SubZero} />
</Route>
<Route path="finish" component={Him} />
</Route>
)
我会挖掘https://github.com/RickWong/react-isomorphic-starterkit
它可能会照亮我的问题。
编辑:事实上确实如此。编译使用 webpack 导入路由的 server.js 文件将编译成一个服务器文件,该文件已完成所有魔法(图像缩小,sass 编译等)。
我想用 react-router 和 Koa 渲染服务器端。但是,如果我包含完整的节点构建,我只会让它工作。这是由于我的组件需要 sass 编译、图像处理等。
如果我的前端应用程序是预编译的,并且从那里获取路由及其呈现为字符串的相关页面,那就太好了。
现在我从 routes.js 文件导入路由,该文件导出以下内容以及未编译的组件:
export default (
<Route path="/" component={Shell}>
<IndexRoute component={Home} />
<Route path="sub">
<Route path="zero" component={SubZero} />
</Route>
<Route path="finish" component={Him} />
</Route>
)
我会挖掘https://github.com/RickWong/react-isomorphic-starterkit
它可能会照亮我的问题。
编辑:事实上确实如此。编译使用 webpack 导入路由的 server.js 文件将编译成一个服务器文件,该文件已完成所有魔法(图像缩小,sass 编译等)。