Можно ли локально реконструировать компонент ReactJS, начиная с модели prod bundle.js, и если да, то как?

Я работал с клиентом, чтобы завершить проект, который первоначальный разработчик оставил с некоторыми явными дырами. Интерфейс построен с использованием ReactJS, поэтому я клонировал репо, которое меня попросили использовать. Как только я наконец заработал, я заметил, что на сайте prod есть одна функция, которой нет на моем локальном сайте. Короче говоря, я обнаружил, что prod bundle.js включает:

var MissingComponentFromGitHubRepo = require('./MissingComponentFromGitHubRepo'); // plus associated functionality from that component

Исходный разработчик, похоже, не знает, где находится файл компонента (и клиент задается вопросом, почему, черт возьми, его нет в репозитории), и клиент не хочет терять функциональность, которую он обеспечивает на сайте prod. Итак, я пытаюсь реконструировать компонент из bundle.js.

Можно ли реконструировать компонент из модели bundle.js? Это просто вопрос поиска всех ссылок в bundle.js на отсутствующий компонент, добавления всех этих частей, добавления операторов require () и экспорта модуля?

Хорошо то, что я могу сравнивать свой локальный и prod до тех пор, пока (если возможно) он не будет соответствовать функциональности на prod, и в этот момент я бы предположил, что компонент был фактически «перестроен».

В вопросе недостаточно данных. Что такое комплект продуктов? Это минифицировано? У вас есть исходные карты для этого?

Estus Flask 26.10.2018 17:07

Не минифицировано. Файл prod, bundle.js, был собран локально предыдущим разработчиком с использованием файла gulp, который объединяет изменения, а затем разработчик вручную экспортировал на веб-сайт, который размещался службой веб-хостинга. Насколько я могу судить, исходной карты нет

The One and Only ChemistryBlob 26.10.2018 17:18

Тогда я полагаю, что это так же просто, как найти компонент в связанном JS и извлечь оттуда модуль. Трудно предложить что-то более конкретное, не видя, что там выглядит.

Estus Flask 26.10.2018 17:35

Хорошо - достаточно честно. Извините, мне больше нечего добавить - я просто попробую и посмотрю, что будет

The One and Only ChemistryBlob 26.10.2018 17:38
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Массив зависимостей в React
Массив зависимостей в React
Все о массиве Dependency и его связи с useEffect.
2
4
2 221
0

Другие вопросы по теме