使用 babel 将 React 应用程序移动到服务器端渲染

Question

我正在尝试制作一个使用 react create app 创建的 React 应用程序来进行服务器端渲染。

该项目使用 es6 和导入，哪个节点似乎还不支持。

让服务器端渲染“工作”的简单方法是什么？

我试过了：

• 使用babel编译js并使用express JS运行
  • 有效，但我没有得到指向源文件的正确回溯，它指向已编译的文件（也许源映射会有所帮助？）
• 使用 express JS 运行服务器并将导入更改为 requires 并删除类主体中的类常量以使其与 node.js 可以运行的内容兼容
• 用 babel-node 运行它 - 听起来不错，但我无法做到这一点 完全工作

由于有多种方法可以解决，我想知道最佳做法是什么，所以我不会把自己画到角落里。

Answer 1

项目使用es6和imports，哪个node好像不支持 还没有。

可以用 babel 解决。

// index.js
require("babel-register");
require("./server");

// server.js
import express from 'express'
// ^^^ new-style import works :)

我不记得以这种方式使用 babel 的错误回溯有任何问题。