Npm


Npm es el gestor de paquetes de Node.js; el equivalente de Nuget para Visual Studio. Los paquetes que instala son ficheros de Javascript; por lo que nos aporta la capacidad de añadir dependencias de Javascript en nuestros proyectos Web. Por defecto se instala con Visual Studio 2017; aunque podemos instalarlo manualmente al instalar Node.js.

Se describen los pasos para añadir a un proyecto Web existente:

  • 1.- Abrir el interprete de comandos (Command Prompt)
  • 2.- Ubicarse en el directorio del proyecto
  • 3.- Ejecutar npm init -y. Esto genera el fichero de depedencias package.json (El equivalente al packages.config de Nuget).
  • 4.- Incorporar el fichero de dependencias en nuestro proyecto Web.

Para descargar los paquetes de Javascript:

  • 1.- Abrir el interprete de comandos (Command Prompt)
  • 2.- Ubicarse en el directorio del proyecto
  • 3.- Ejecutar npm install paquete –save. El parametro –save añade la dependencia en el fichero de depedencias package.json.
  • 4.- En el directorio node_modules ha descargado el paquete y sus paquetes dependientes.

Comandos Utiles

  • npm install: Descarga todos los paquetes definidos en el package.json.
  • npm run task: En el package.json podemos definir una sección scripts con comandos a ejecutar. Por ejemplo npm run build:
      {
        "dependencies": {
             "cldr-data": "^31.0.2",
             "globalize": "^1.3.0",
             "webpack": "^3.4.1"
        },
        "scripts": {
             "test": "echo \"Error: no test specified\" && exit 1",
             "build": "webpack -p --color"
        }
      }
    
  • npm ls: Muestra las versiones de los paquetes actualmente decargados.
  • npm update: Descarga las ultimas versiones de los paquetes disponibles.
  • npm show [package]@* version: Muestra las versiones disponibles en el repositorio de npm para el paquete indicado. Por ejemplo: npm show bootstrap@* version.

Integración con Build in Visual Studio Team Services

Normalmente npm se utiliza con otros frameworks de ejecución de Tareas como Gulp, Bower, WebPack… Vamos a explicar el método más simple que disponemos npm para incorporar esta plataforma en los CI builds en Visual Studio Team Services sin usar estos frameworks.

  • 1.- Añadir tarea npm install para descargar los paquetes en el entorno build.
  • 2.- Añadir una tarea de copia para copiar la parte de los paquetes que nos interese en un directorio.
  • 3.- Subir el directorio a producción con una tarea de Azure App Service Deploy. Al deployar como Web Deploy desmarcamos el eliminar los ficheros en el destino. 😉

Librerías

Buscador de librerías de npm

Anuncios
Esta entrada fue publicada en web. Guarda el enlace permanente.

Una respuesta a Npm

  1. Pingback: Webpack | Pensando bajo la lluvia

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s