Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
January 23, 2023 06:02 am GMT

Utilizando Patch Package

A biblioteca patch-package uma ferramenta muito til para salvar alteraes em bibliotecas de terceiros sem precisar fazer fork delas. Isso especialmente til quando voc precisa fazer alteraes em bibliotecas que so atualizadas frequentemente e voc no quer perder essas alteraes. Neste artigo, vamos ver como usar a biblioteca patch-package e como ela pode ser til em diferentes situaes.

Instalando e configurando o patch-package

Para usar o patch-package, voc precisa instal-lo primeiro usando npm ou yarn:

npm install patch-package

yarn add patch-package

Uma vez instalado, voc precisa configur-lo adicionando o seguinte script ao seu arquivo package.json:

"scripts": {
"postinstall": "patch-package"
}

Isso far com que o patch-package seja executado automaticamente aps a instalao de dependncias.

Salvando alteraes

Agora que o patch-package est configurado, voc pode fazer alteraes na biblioteca de terceiros que voc deseja salvar. Por exemplo, digamos que voc queira alterar a cor de fundo de um componente em uma biblioteca de componentes de terceiros. Voc pode fazer isso modificando o arquivo CSS da biblioteca.

Uma vez que voc tenha feito as alteraes, voc pode usar o comando patch-package para salvar essas alteraes:

npx patch-package nome-da-biblioteca

Isso cria um arquivo patch na pasta patches com as alteraes que voc fez. Voc deve fazer o commit desse arquivo patch no seu repositrio.

Aplicando alteraes salvas

Quando voc precisar atualizar a biblioteca, voc pode usar o comando patch-package novamente para aplicar as alteraes salvas. O patch-package ir comparar a verso atual da biblioteca com a verso salva e aplicar as alteraes necessrias. Isso garante que as suas alteraes no sejam perdidas durante atualizaes futuras.

Para aplicar suas alteraes use o seguinte comando:

npx patch-package

Exemplo de uso

Imagine que voc est trabalhando em um projeto que usa a biblioteca react-datepicker. Durante o desenvolvimento, voc percebe que o componente no possui a funcionalidade de selecionar mltiplas datas. Voc decide fazer essa adio por conta prpria, modificando o cdigo fonte da biblioteca.

Uma vez que voc tenha feito as alteraes, voc pode usar o comando patch-package para salvar essas alteraes:

npx patch-package react-datepicker

Isso cria um arquivo patch na pasta patches com as alteraes que voc fez. Voc deve fazer o commit desse arquivo patch no seu repositrio.

Quando a biblioteca react-datepicker for atualizada, voc pode usar o comando patch-package novamente para aplicar as alteraes salvas e garantir que a funcionalidade de seleo de mltiplas datas continue funcionando.

Em resumo, a biblioteca patch-package uma ferramenta muito til para salvar alteraes em bibliotecas de terceiros sem precisar fazer fork delas. Ela permite que voc faa alteraes em bibliotecas que so atualizadas frequentemente e garante que essas alteraes no sejam perdidas durante atualizaes futuras. Isso facilita muito o gerenciamento de dependncias em projetos, pois permite que voc faa alteraes necessrias sem precisar criar forks desnecessrios.


Original Link: https://dev.to/arthu0x07/utilizando-patch-package-3emd

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To