Рендеринг на стороне сервера ES6 React, как импортировать компонент React?

Я транспилирую ES6 в ES5.

  1. BabelJS для файлов сервера NodeJS Express и вывода рендеринга на стороне сервера в каталог build/server/.
  2. Browserify + babelify для вывода ReactComponents в файл build/client/bundle.js

При попытке импортировать компонент React из build/client/bundle.js в файл build/server/ происходит сбой приложения, потому что я импортирую нетранспилированный ReactComponent.

Как я могу импортировать ReactComponent без дублирования кода на сервере (повторно используя код из client/bundle.js)?


reactjs node.js babeljs ecmascript-6 isomorphic-javascript
person cuadraman    schedule 01.06.2015    source источник

Ответы (1)


arrow_upward
2
arrow_downward

У вас есть несколько решений:

  • Код вашего сервера не нужно предварительно компилировать. Если вы запустите его с babel-node, он будет скомпилирован "на лету". .

  • Вы можете связать свой серверный код. Я не знаю ни одного ресурса о том, как это сделать с помощью браузера, но вот очень хороший ресурс, чтобы начать работу с веб-пакетом для вашего бэкенда.

  • Вы можете создать свой клиентский код вместе с серверным кодом.

person Alexandre Kirszenberg    schedule 01.06.2015