El apartado de "scripts" en el package.json es el que indica los comandos a ejecutar del proyecto. Esta sección es la que utilizarás para crear comandos que optimicen el desarrollo de tu aplicación.

Cómo crear un comando en tu proyecto

Para crear un comando en tu proyecto, utiliza la siguiente estructura, donde <nombre> es el nombre del comando que debería ser muy descriptivo y <comando> es el comando que utilizarías en la terminal.

fullscreen
{
    "scripts": {
        "<nombre>": "<comando>"
    }
}

Una vez hayas escrito el comando en el archivo package.json, la manera de ejecutarlo en la terminal será con el comando npm run <nombre>.

Creemos algunos comandos comunes

Creemos tres comandos comunes: para iniciar el proyecto (start), crear un archivo para producción (build) y combinarlos (deploy). Que no te preocupe si no entiendes cada comando, solo entiende cómo ejecuta NPM el script.

fullscreen
{
    "scripts": {
        "start": "webpack-dev-server --open --mode development",
        "build": "webpack --mode production",
        "deploy": "npm run format && npm run build"
    }
}

Y para ejecutarlos, es necesario utilizar el comando respectivo en la terminal:

fullscreen
$ npm run start
$ npm run build
$ npm run deploy

NPM provee algunos alias, como npm start que ejecuta lo mismo que npm run start.

Cómo ejecutar un paquete de manera directa

NPM te permite instalar paquetes en tu proyecto, sin embargo, NPX (Node Package Execute) permite ejecutar un comando de NPM remotamente.

Ejemplos de este comportamiento son los paquetes React y Nextjs, para iniciar un proyecto en estos se puede ejecutar los siguientes comandos, donde <nombre> es el nombre del proyecto:

fullscreen
$ npx create-react-app <nombre>
$ npx create-next-app <nombre>

Contribución creada por Andrés Guano (Platzi Contributor).