Introducción
Bienvenida a NPM
Gestión de dependencias
Instalación de NPM
Instalación de NPM en MacOS
Instalación de NPM en Windows
Configuración de dependencias
Primeros pasos en NPM
Instalación de dependencias
Instalación de dependencias de versiones específicas
Comandos en NPM (Scripts)
Actualización de dependencias
Seguridad y solución de problemas
Eliminación de dependencias y Package lock
Creación y publicación de paquetes
Crear un paquete
Publicar un paquete
Versionado de paquetes y paquetes privados
Cierre
Sigue desarrollando en JavaScript
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Conocer cómo eliminar dependencias, también es importante para mantener tus proyectos sin paquetes que no aporten la solución a tu problema, que ya no sean actualizados, o que exista una mejor implementación.
Existen dos formas de eliminar paquetes:
bash
$ npm uninstall <paquete>node_modules.Actualizar el directorio node_modules sirve para limpiar las dependencias que previamente estaban en el proyecto. También cuando existe algún archivo corrupto o una mala instalación.
Por lo tanto, deberás eliminar el directorio de node_modules y después ejecutar el comando npm install para instalar correctamente los paquetes. En ciertas situaciones, también es necesario eliminar el archivo package-lock.json.
Puedes utilizar el siguiente comando de NPM para evitar escribir demasiado cada vez que lo necesites.
json
// package.json
{
"scripts": {
"phoenix": "rm -f package-lock.json && rm -rf ./node_modules && npm i --no-fund --no-audit"
}
}
Para identificar el error que puede existir en tu proyecto, es necesario analizar cada paso que ejecuta un comando, para saber en qué punto específico ocurre el problema.
El flag --dd en un comando de NPM, te mostrará de manera detallada cada paso ejecutado. De esta manera podrás observar si existe un error para solucionarlo.
bash
$ npm [comando] --dd
Otra forma, es ejecutar el comando de NPM. Si existe un error, la terminal te mostrará los diferentes errores que encontró. Al final de este resumen, existirá una ruta con los detalles del error, puedes abrir tal archivo para observar los pasos que ejecutó.
El archivo package-lock.json describe todo el árbol de dependencias de cada paquete instalado.
Cuando alguien hace fork de un repositorio no tiene el directorio node_modules por el archivo .gitignore. Mediante el comando npm install, instalarán las dependencias indicadas en el package.json con la versión indicada. También, se instalarán las sub-dependencias indicadas en package-lock.json con la versión indicada.
Esto es importante para tener instaladas siempre la versión adecuada del paquete a utilizar en el proyecto.
Contribución creada por Andrés Guano (Platzi Contributor).
Aportes 22
Preguntas 3
Resumen
Para eliminar una dependencia Ejemplo:
npm unistall webpack-dev-server
Otra forma es ir al archivo package.json y eliminar del listado de dependencia, dependencias de desarrollo o dependencias opcionales; una vez eliminado de la lista ejecutamos
rm -rf node_modules/
npm install
Para compilar el proyecto usamos
npm run build
Para compilar el proyecto y obtener mas informacion usamos
npm run build --dd
Para ver librerias deprecadas
npm ci
En el contexto de la programación es común encontrarse con código al que se denomina deprecated. Basicamente el autor esta diciendo:
Esto que te ofrezco sigue funcionando, pero yo ya no me responsabilizo de que siga haciéndolo en un futuro, así que úsalo bajo tu propia responsabilidad (y no llores si deja de funcionar).
Eliminar archivos/directorios mediante la terminal.
POWERSHELL
rm or Remove-Item → comando para eliminar ítem.-r → recursividad.-fo or -Force → forzar.rm [path] -r -fo
UNIX
rm → comando para eliminar ítem.-r → recursividad.-f → forzar.rm -rf [path]
Cómo puedo eliminar una dependencia previamente instalada:
npm uninstall nombre-dependencia Elimina todo lo necesario que tiene esta dependencia.
También podemos ir a nuestro proyecto en VSC y eliminarla dentro del listado de package.json, posterior a eliminarlo, lo que haremos será eliminar todas las dependencias y volver a instalar todas las que están en el package.json con los siguientes comandos:
rm -rf node_modules/ y luego >npm install
npm run build Para poder preparar nuestro proyecto y subirlo a producción, crea una carpeta bin
npm run build –-dd activa el comando con más detalle e información de los archivos que creó.
npm ci mostrará información como librerías deprecadas y paquetes que tenemos instalados en el proyecto, así como sincronizar el package.json con el package.lock.json
package-lock.json sencillamente evita este comportamiento general de actualizar versiones minor o fix de modo que cuando alguien clona nuestro repositorio y ejecuta npm install en su equipo, npm examinará package-lock.json e instalará la versión exacta de los paquete que nosotros habíamos instalado, ignorando así los ^ y ~ de package.json.
npm ci: también llamado npm clean install. Este comando es similar al comando npm install. Con la diferencia que está pensado para ser utilizado en ambientes automatizados.
Por ejemplo. Plataforma de pruebas, integración continua o cualquier otra situación que se requiera realizar una instalación limpia de las dependencias.
Las principales diferencias entre install y ci se listan aquí
♻️Eliminación de dependencias y Package lock🔐
* Si en algun momento necesitas borrar una dependecia esto se puede logra de las siguientes maneras:
♻️ npm uninstall babel-eslint --> *babel-eslint* es solo un paquete de ejemplo, este comando borra la dependecia junto con todo su arbol de sub-dependencias
☠️ Borrar las dependencias desde el archivo de 📦package.json📦 posterior a esto es
⚠️IMPORTANTE⚠️ borrar la carpeta node_modules con rm -r node_modules y hacer una reinstalacion limpia via "npm install"
Este proceso es necesario cuando se le esta haciendo una "limpia al proyecto" xd para posteriomente hacerle un REFACTOR tambien suele suceder cuando se trabaja con proyectos de prueba
* npm run build --> Este comando prepara el proyecto para produccion
* npm run build --dd --> Activa el modo Verbose, nos muestra una informacion mas robusta de lo que esta haciendo o de lo que ejecutarse el comando a la hora de ejecutar el build, asi en dado caso que el proyecto se rompa o una dependencia este mal instala da con esta opcion es mas facil identificar el problema.
*npm ci => Muestra mensajes como librerias deprecadas o que dejaran de tener soporte, tambien sincroniza 📦package.json📦 con el 📦package-lock.json🔐
¿Que es el 📦package-lock.json🔐?
Este archivo contiene toda la informacion necesaria de cada uno de lo elementos del proyecto, en palabras mas sencillas el 📦package-lock.json🔐 tiene todo el arbol🌳 de dependencias y SUBdependencias que el proyecto tiene, este archivo toma mas relevancia cuando el proyecto se tiene que compilar en la nube o en un servevidor externo
Agradezco el curso, pero algo para añadir: La clase anterior y esta vienen cargadas de mucha información importante y que posiblemente no se entiende con solo ver una vez … por que no hay nada en la sección de recursos como un resumen o lecturas para complementar?
“npm ci” es una forma segura de instalar dependencias de un proyecto en entornos de producción, ya que garantiza que se están utilizando las versiones específicas de las dependencias especificadas en el archivo package.json y no permite que se realice ninguna acción adicional. Es recomendable utilizarlo en entornos de integración continua (CI) y en producción.
Yo suelo hacer:
rm -rf /node_modules package-lock.json
A mi no me deja eliminarlo, me sale este error que no se cómo solucionar
npx npkill
node modules puede convertirse en una carpeta muy pesada y especialmente en windows dar algunos dolores de cabeza al eliminarla, asi que desde la consola se puede usar este comando para hacerlo mucho mas facil
npx npkill
“Compilar un proyecto” significa crear una versión optimizada de su código fuente para su distribución o producción. Específicamente, cuando se habla de “npm run build” en el contexto de un proyecto de JavaScript, se refiere a ejecutar un script de construcción que combina y minifica los archivos del proyecto, convirtiéndolos en una versión lista para producción. Esto puede incluir acciones como la eliminación de comentarios y espacios en blanco, la compresión de imágenes y la transpilación de código moderno a una versión compatible con navegadores antiguos.
Acá les dejo un resumen del curso, igual les puede servir.
Hay varias formas de eliminar dependencias de npm en un proyecto:
Utilizando el comando npm uninstall seguido del nombre de la dependencia que desea eliminar. Por ejemplo, npm uninstall lodash eliminaría la dependencia de lodash.
Puedes utilizar el comando npm prune para eliminar las dependencias que no se están utilizando en tu proyecto.
Utilizando la opción --save o --save-dev en el comando npm uninstall puedes eliminar la dependencia tanto del archivo package.json como del package-lock.json. Por ejemplo npm uninstall lodash --save.
También puedes editar manualmente el archivo package.json y eliminar la dependencia de la sección “dependencias” o “devDependencies”. Luego ejecutar npm install para actualizar el package-lock.json
Es importante mencionar que antes de eliminar cualquier dependencia debes asegurarte de que no afecte al funcionamiento del proyecto.
Package lock
El archivo package-lock.json es un archivo generado automáticamente por npm (Node Package Manager) que contiene información sobre las dependencias de un proyecto y las versiones específicas de las mismas que se están utilizando. Este archivo se utiliza para garantizar que todos los desarrolladores en un equipo, así como todas las instalaciones del proyecto, estén utilizando las mismas versiones de las dependencias.
Cuando se ejecuta npm install, npm genera automáticamente un archivo package-lock.json que contiene información detallada sobre todas las dependencias y sus versiones, incluyendo las dependencias transitorias. Al utilizar npm install en un proyecto con un archivo package-lock.json, npm utilizará las versiones específicas de las dependencias que se encuentran en el archivo package-lock.json en lugar de buscar versiones más recientes.
De esta manera, package-lock garantiza que siempre se está utilizando la misma versión de las dependencias. Esto es especialmente útil en entornos de producción, donde se desea evitar cualquier cambio sorpresa en las dependencias que puedan afectar el funcionamiento del proyecto.
Este flag comando del modo verbose permite ver todo el output en la terminal.
--dd
npm outdated --depth=3
Este comando te muestra tus dependencias junto a las versiones actuales, ultimas versiones, y la localización de la carpeta
Cuando se habla de refactorar o refactorizar nuestro código habla de re escribir nuestro código o actualizar nuestras dependencias de manera que el código sea más simple, legible, óptimo.
NO CONFUNDIR este proceso con corrección de errores, pues la refactorización no lo contempla, más bien contempla si será más fácil resolver errores de tu código después de refactorizarlo.
para eliminar un paquete:
npm uninstall nombrePaquete
que significa npm ci?
Con este comando se prepara una compilación para producción, si queremos más información del proceso pasamos la bandera --dd para activar el modo verbose
npm run build --dd
Con este comando podemos ver mensajes como librerías deprecadas o descontinuadas que no podrán ser actualizadas.
npm ci
El archivo package-lock.json muestra una estructura tipo historial de todos los paquetes y dependencias incluyendo sus ramas de cada uno.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.