Aplicar un parche, comando o instalación de dependencia al generar un build con Expo en React Native

Tiempo de lectura: < 1 minuto

Voy a explicar cómo puedes ejecutar la instalación de un paquete npm con flags o cualquier otro comando al generar un build con React Native:

En este caso necesitamos aplicar esta instalación de dependencia:

npm i react-native-picker-select --save --legacy-peer-deps

Paso 1: Crea un archivo .npmrc

Primero crea en la raíz un archivo llamado .npmrc con este contenido:

legacy-peer-deps=true

Paso 2: Agregar el comando eas-build-pre-install en package.json

Para instalar react-native-picker-select automáticamente, cuando se genera el build, agrega el siguiente comando en el script "eas-build-pre-install" en tu archivo package.json y dentro de «scripts»:

"scripts": {
     "eas-build-pre-install": "npm config set legacy-peer-deps true"
}

Este comando se ejecutará automáticamente antes de que se genere el build y se instalará react-native-picker-select en tu proyecto con el flag –legacy-peer-deps

Ten en cuenta que este comando solo se ejecutará si el build se genera correctamente. Si hay algún error en el build, el comando no se ejecutará.

Paso 3: Generar el build

Una vez que hayas agregado el comando "postbuild" en tu archivo package.json, puedes generar el build de tu proyecto de React Native ejecutando el siguiente comando en la terminal:

npm run build

Este comando compilará y empaquetará tu aplicación de React Native para su distribución.

También puedes generar el build, subiendo a EAS (EXPO) con este comando:

eas build -p android --profile production

Paso 4: Verificar la instalación de react-native-picker-select

Una vez que se haya generado el build, verifica que react-native-picker-select se haya instalado correctamente en tu proyecto. Puedes hacerlo buscando la carpeta node_modules en tu proyecto y verificando que la carpeta react-native-picker-select esté presente.

Deja un comentario