Rebel 앱을 바벨과 함께 서버 측 렌더링으로 이동

Question

react create app으로 만든 React 앱을 만들어 서버 측 렌더링을하려고합니다.

프로젝트는 아직 지원하지 않는 노드 인 es6 및 가져 오기를 사용합니다.

"서버 쪽 렌더링"작업을 수행하는 쉬운 방법은 무엇입니까?

나는 시도했다 :

• 는 JS를 컴파일 바벨을 사용하여 명시 JS
  • 작품을 실행하지만 소스 파일을 가리키는 올바른 역 추적을하지 않습니다, 그것은 지적 컴파일 된 파일 (어쩌면 sourcemap 도움이 될?)
• 클래스 본문 내부 클래스 상수를 명시 JS로 서버를 실행하고 변화하는 수입에 필요한 및 제거 Node.js를 무엇과 호환되도록 바벨 노드로 실행
• 을 실행할 수있는 것은 - 좋은 소리,하지만 난 그것에 대해 갈 수있는 다양한 방법이 있기 때문에 모든

에서이 작업을 할 수 없었다, 나는 무엇인가 궁금 내가 모퉁이에 자신을 페인트하지 않기 때문에 모범 사례.

Answer 1

프로젝트는 아직 을 지원하지 않는 노드 인 es6 및 가져 오기를 사용합니다.

바벨로 해결할 수 있습니다.

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

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

이렇게하면 바벨을 사용하는 잘못된 백 트랙과 관련된 문제는 기억 나지 않습니다.