Construcción de proyectos simple con NPM

En aplicaciones JavaScript tanto en frontend como en backend, al margen de las herramientas de construcción más completas y complejas como pueden ser Gulp o Grunt, el uso de la sección de scripts de NPM constituye una apuesta por la simplicidad.

Si inicializamos un proyecto nuevo con NPM:

1
2
npm -v
npm init

Podremos editar el package.json generado con el fin de asociar comandos concretos a determinados identificadores de acción:

1
2
3
4
5
6
7
8
9
{
   "name": "miproyecto",
   "version": "0.0.1",
   "scripts": {
      "clean": "rm -rf build"
   },
   "author": "",
   "license": "ISC"
}

Dentro de cada acción definida, podemos invocar tanto scripts propios como comandos del sistema operativo.

La practica habitual, es aprovechar los comandos del sistema y complementarlos con otros más especializados que no son más que módulos NPM instalados globalmente que exponen ciertos comandos.

Un ejemplo puede ser la herramienta de chequeo de sintaxis para JavaScript EsLint, la cual se puede instalar globalmente:

1
npm install -g eslint

Y posteriormente utilizarse desde línea de comandos:

1
eslint ejemmplo.js

Haciendo posible su inclusión en el package.json para su uso en nuestra build personalizada:

1
2
3
4
5
6
7
{
   ...
   "scripts": {
      "lint": "eslint src test examples",
   }
   ...
}