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

时间:2017-11-27 07:51:19

标签: javascript node.js reactjs webpack serverside-rendering

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

该项目使用es6和import,该节点似乎尚不支持。

让服务器端呈现"工作"?

的简单方法是什么?

我试过了:

  • 使用babel编译js并使用express JS运行它
    • 有效,但我没有得到指向源文件的正确回溯,它指向已编译的文件(也许源图会有帮助吗?)
  • 使用快速JS运行服务器并将导入更改为需要并删除类主体内的类常量,以使其与node.js可以运行的内容兼容
  • 用babel-node运行它听起来不错,但我还没能做到这一点 在所有工作

由于有多种方法可以解决这个问题,我想知道最佳做法是什么,所以我不会把自己画成一个角落。

1 个答案:

答案 0 :(得分:0)

  

该项目使用es6和import,该节点似乎不支持   爱好。

可以用巴贝尔解决。

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

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

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