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.

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. 😉
Anuncios
Esta entrada fue publicada en web. Guarda el enlace permanente.

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