React服务器端渲染,如何导入一个React组件?

我正在把ES6转换成ES5。

  1. 用于NodeJS Express服务器文件的BabelJS和服务器端渲染输出到目录build / server /。
  2. Browserify + babelify将ReactComponents输出到build / client / bundle.js文件

当试图将一个React Component从build / client / bundle.js导入到构build/服务器/文件时,应用程序崩溃,因为我正在导入一个未转换的ReactComponent。

如何导入ReactComponent而不复制服务器中的代码(重新使用client / bundle.js中的代码)?

你有几个解决scheme:

  • 您的服务器代码不需要预先编译。 如果你用babel-node运行它,它将被即时编译。

  • 你可以绑定你的服务器代码。 我不知道如何与browserify做任何资源,但这是一个非常好的资源 ,开始与您的后端的webpack。

  • 您可以在服务器代码旁边构build您的客户端代码。