Node.js ES6 React服务器端渲染,如何导入React组件?

Node.js ES6 React服务器端渲染,如何导入React组件?,node.js,reactjs,ecmascript-6,babeljs,isomorphic-javascript,Node.js,Reactjs,Ecmascript 6,Babeljs,Isomorphic Javascript,我正在把ES6转成ES5 将NodeJS Express服务器文件和服务器端渲染输出到build/server/目录的BabelJS 将组件输出到build/client/bundle.js文件的Browserify+babelify 当尝试将React组件从build/client/bundle.js导入到build/server/file时,应用程序崩溃,因为我正在导入未转换的React组件 如何导入ReactComponent而不复制服务器中的代码(重新使用client/bundle.js

我正在把ES6转成ES5

  • 将NodeJS Express服务器文件和服务器端渲染输出到build/server/目录的BabelJS
  • 将组件输出到build/client/bundle.js文件的Browserify+babelify
  • 当尝试将React组件从build/client/bundle.js导入到build/server/file时,应用程序崩溃,因为我正在导入未转换的React组件


    如何导入ReactComponent而不复制服务器中的代码(重新使用client/bundle.js中的代码)?

    您有一些解决方案:

    • 您的服务器代码不需要预编译。如果使用运行它,它将被动态编译

    • 你可以捆绑你的服务器代码。我不知道关于如何使用browserify的任何资源,但要开始使用后端的webpack

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