Как сказать React использовать другой индекс

Question

Я создал приложение с react-create-app client на моем сайте электронной коммерции (он использует nodejs и express), чтобы реализовать некоторые другие функции. Проблема в том, что я не понимаю, как заставить реагирующее приложение работать с шаблоном ejs вместо использования index.html. Прежде всего, я хочу, чтобы корневой компонент находился в файле .ejs внутри папки views (вне приложения реакции). Я думаю, что мне нужно что-то изменить в веб-пакете, но я действительно запутался, я даже не могу найти конфигурацию, и есть много дополнительных плагинов и кода, которых я никогда раньше не видел, действительно трудно что-то понять. Кроме того, когда я запускаю свой сервер на порту 3000 и приложение на порту 5000 (с прокси-сервером, установленным на 3000), он говорит 'что-то уже работает на порту 3000' . Что я должен делать? Я не могу использовать реакцию на всем веб-сайте (все кнопки, меню), потому что я думаю, что это слишком просто для реагирования, и есть некоторый простой рендеринг, выполненный с помощью ejs, который я не знаю, как реализовать с помощью реакции.

Answer 1

Поначалу не следует использовать create-react-app для всего набора компонентов на существующей странице, это целая среда, созданная для настоящего SPA, сделанного исключительно в React. Если вам нужно просто подключить React к существующей странице, у вас нет выбора, кроме как читать документы и изучать или найти способ настройки в существующем приложении (вы ничего не сказали об этом, поэтому я не отвечаю, как).

Во-вторых, вам нужно eject ваше приложение реагирования с yarn eject, которое предоставит вам все настройки. https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#npm-run-eject

Затем вам нужно html-webpack-plugin, который может принимать .ejs формат в качестве точки входа https://github.com/jantimon/html-webpack-plugin.

Я не вижу причин, почему бы не использовать React для всего, потому что это "слишком" просто. Вы можете рендерить простой HTML с PureComponents, и браузеру будет стоить почти 0 памяти для его рендеринга.