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

Question

我正在将 ES6 转换为 ES5。

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

当尝试将 React 组件从 build/client/bundle.js 导入到 build/server/ 文件时，应用程序会崩溃，因为我正在导入未转译的 ReactComponent。

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

Answer 1

您有几个解决方案：

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

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

• 您可以在构建服务器代码的同时构建客户端代码。