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 执行此操作的任何资源，但是 here's a very good resource开始为您的后端使用 webpack。

• 您可以与服务器代码一起构建客户端代码。