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

Question

Я перевожу ES6 на ES5.

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

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

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

Answer 1

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

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

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

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