@nsbarsukov/preza

Дебажим пакет внутри другого приложения

Зачастую возникает необходимость починить какой-то баг в другом приложении, который использует эту либу. Чтобы полностью воспроизвести среду бага, можно запустить приложение локально, которое будет ссылаться на локальную сборку либы (при этом, чтобы изменения автоматически подхватывались в любом из приложений и не нужно было постоянно исполнять npm i и прочее).

Для этого нужно:

1. В данном репозитории библиотеки открыть консоль (от корня проекта) и запустить:

npm run start:dev

это запускает автоматически компиляцию ts в js при каждом изменении либы.

1. В репозитории внешнего проекта (который использует нашу либу) в файле package.json поменять:

"@nsbarsukov/preza": "0.2.7"

на строчку (при условии, что проект с либой склонирован локально туда же, где внешний проект; иначе скорректируй путь на нужный)

"@nsbarsukov/preza": "file:../preza/"

Эта строчка означает: "Создай сим линк на локальную сборку либы, которая лежит по пути на один уровень выше текущего проекта".

Готово! Теперь при любом изменении в либе вы видите изменения в том внешнем приложении.

Примечания: этот функционал можно неосторожно сломать, если неправильно пользоваться devDependencies и peerDependencies в package.json текущего проекта. Например: если вам очень захочется перенести пакет react-dom из peerDependencies в devDependencies, то во внешнем приложении все сломается (потому что получается дубль зависимости). Про peerDependencies можно почитать здесь.