React服务器端渲染,如何导入一个React组件?
我正在把ES6转换成ES5。
- 用于NodeJS Express服务器文件的BabelJS和服务器端渲染输出到目录build / server /。
- 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您的客户端代码。