Как использовать patch-package для исправления файлов TSX

Question

Проблема

Я пытаюсь использовать пакет исправлений для исправления пакета, поддерживающего реакцию react-native-tab-viewоднако, когда я редактирую файлы TSX, включенные в node_module, для response-native-tab-view и применяю свой патч, изменения не отражаются в моем приложении.

Структура node_modules/response-native-tab-view

Ниже приведен снимок экрана со структурой пакета. Структура пакета

Они также используют @react-native-community/bob для создания пакета перед публикацией, чтобы он создавал папку lib с папкой модуля и папку commonjs, содержащую файлы JS.

Моя текущая статистика

Мой патч создается, однако файлы в /lib/module не меняются, и изменения также не отражаются в моем приложении при запуске на симуляторе.

Я пытаюсь применить патч с помощью patch-package после редактирования файлов TSX в /src, в отличие от файлов JS в module /lib/module, так как это намного проще реализовать.

Окружающая среда response-native 0.63.0 patch-package 6.2.0 react-native-tab-view 2.15.1 react-native-gesture-handler 1.5.6 react-native-reanimated 1.7.0

Вопрос: Мне не хватает этапа сборки или компиляции, чтобы получить response-native-tab-view для создания новых файлов JS из файлов TSX, для которых я создал свой патч?

Любая помощь будет принята с благодарностью!

Answer 1

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

В случае react-native-tab-view, переведенная версия находится в lib папка.

Вы можете убедиться в этом, проверив библиотеку package.json,

  "main": "lib/commonjs/index.js",
  "react-native": "lib/module/index.js",
  "module": "lib/module/index.js",

Обновить

Моя уловка состоит в том, чтобы клонировать исходное репо локально, установить его deps, изменить все, что вы хотите в исходном коде (src), затем соберите его и скопируйте результат сборки поверх node_modules в вашем пакете, затем примените patch-package.