webdevlog

Bloc de notas sobre desarrollo web, GNU/Linux, programación en general, y más.
abril 29, 2020

Instalar paquetes localmente con npx

npx nos permite instalar paquetes localmente, esto es realmente útil para no contaminar el entorno de desarrollo, también es muy útil para probar diferentes versiones de un mismo paquete. Lo bueno es que desde la versión 5.2.0 ya viene incluido con npm.

Cuando ejecutamos npx con algún comando este va a buscar en la carpeta local “node_modules/.bin” instalando todos los paquetes necesarios para que el comando sea ejecutado si es que previamente no los encuentra en esa carpeta.

Por ejemplo, al ejecutar npx -p @angular/cli ng new myapp lo que vamos a hacer es crear un nuevo proyecto de Angular con el nombre myapp sin instalar la herramienta ng globalmente, la misma quedará instalada en “nuevo-proyecto/node_modules/.bin”.

La funcionalidad no cambia, solo hay que utilizar npx para ejecutar los comandos, así una vez creado el proyecto Angular podemos escribir en la consola “npx ng serve” para levantar el entorno de desarrollo en localhost.

Otro caso de uso interesante es el de ejecutar un web server, imaginemos que queremos ejecutar la versión de producción de un proyecto de Angular, al ir a la carpeta “dist” de nuestro proyecto vamos a encontrarnos con los errores de CORS, lo cual bloquea la petición de los archivos JavaScript. Entonces, utilizando npx, podemos ejecutar en la carpeta base de nuestro proyecto el comando npx http-server dist/myapp, suponiendo que nuestro proyecto se llama myapp y estamos ejecutando una versión mayor o igual a Angular 6.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *