ES6 React服务器端渲染，如何导入React组件？

Question

我正在将ES6转换为ES5。

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

当尝试将构建/客户端/ bundle.js中的React组件导入构建/服务器/文件时，应用程序崩溃，因为我正在导入未传输的ReactComponent。

如何在不重复服务器中的代码的情况下导入ReactComponent（重新使用client / bundle.js中的代码）？

Answer 1

您有几个解决方案：

• 您的服务器代码不需要预编译。如果您使用babel-node运行它，它将在运行中进行编译。

• 您可以捆绑您的服务器代码。我不知道有关如何使用browserify的任何资源，但是here's a very good resource开始使用webpack作为后端。

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