node.js - 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 的资源，但这里有一个非常好的资源，可以让您开始使用 webpack 为您的后端。

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