Реагируйте на dom - рендеринг из src/app.js в public/scripts/app.js

Question

Я начинаю изучать React DOM. Я правильно установил все компоненты несколько дней назад, и мое первое приложение работало правильно.

Теперь у меня проблема с рендерингом из src / app.js в public / scripts / app.js в моем приложении. Когда я изменяю src / app.js - нет рендеринга в public / scripts / app.js.

Мой работающий сервер работает правильно и готов к изменениям, но когда я сохраняю изменения в src / app.js, это не меняет public / scripts / app.js.

Я на Windows..

Спасибо за помощь.

Answer 1

Ваш основной файл внутри app.js внутри скриптов не знает об изменениях, которые вы вносите в файл App.js в src. Реакт не дает эту функцию. Вам нужно сделать это вручную. Для этого Вам необходимо установить Babel в свой файл package.json. Откройте терминал с указанием пути к вашему файлу и установите там Babel-Cli.

npm install babel-cli --save

Теперь откройте другой терминал с указанием пути к файлу и нажмите команду ниже:

babel src/App.js --out-file=public/scripts/app.js --presets=env,react -watch

Теперь оставьте этот терминал как есть. Он перенесет ваш ES6 javascript из src в папку scripts. Не забудьте оставить этот терминал открытым, пока вы работаете. Надеюсь, это работает.