Как создать пустое backend приложение для NodeJS с поддержкой WebPack + ReactJS + ES6?

Question

[Александр Мыльченко]

Друзья, поделитесь пожалуйста примером, который послужит фундаментом для приложения на ReactJS + ES6, которое можно будет собирать средствами WebPack`а.

Нужно написать простой WebSocketServer, ...нет проблем, но НЕ хочу это делать как в топорные времена на ES5.
Не получается создать каркас проекта (WebStorm IDE).

Хочется писать классы как в привычном FrontEnd`е.

Собственно, проблема в том, что не понятно что должно лежать в package.json и как настроить WebPack.config.js что бы он просто запустил мой класс инициализации приложения на ReactJS + ES6 от которого бы я мог уже отталкиваться дальше.

Answer 1

[Никита Гущин]

Для поддержки реакта в nodejs вам по большому счету не нужен вебпак. Ставте babel, потом сделайте точку входа серверную на подобии https://github.com/erikras/react-redux-universal-h...

//  enable runtime transpilation to use ES6/7 in node

var fs = require('fs');

var babelrc = fs.readFileSync('./.babelrc');
var config;

try {
  config = JSON.parse(babelrc);
} catch (err) {
  console.error('==>     ERROR: Error parsing your .babelrc.');
  console.error(err);
}

require('babel-register')(config);

И после подключайте ваш серверный код (https://github.com/erikras/react-redux-universal-h...

Зависимостей понадобится примерно столько https://github.com/erikras/react-redux-universal-h... (смотря какой у вас будет конфиг\пресет для babel)

Comments

[Aves]

babel-register сам .babelrc читает

[Александр Мыльченко]

Aves: Благодарю вас за ответ, то что нужно ;)

[Aves]

Александр Мыльченко: Никита Гущин очевидно
вообще можно просто запускать с node -r babel-register server.js
и вопрос непонятный, es6 в node уже давным-давно и так работает

Answer 2

[Константин Китманов]

Я не настоящий сварщик на реакте, но вот эта штука последнее время на виду: https://github.com/zeit/next.js. На вид вполне удобно (ну насколько удобно может быть на реакте).

Comments

[Александр Мыльченко]

Любопытный зверь! )

[Константин Китманов]

Александр Мыльченко: присмотритесь, там ведь все уже интегрировано и множество грабель убрано.