Como primer enfoque para automatizar nuestras tareas,
veamos el ejemplo del uso de scripts NPM.
De hecho, ya habíamos comenzado a usar scripts de NPM en este curso en las lecciones anteriores.
Revisemos rápidamente nuestro archivo package.json para ver cómo hemos utilizado un par de
scripts NPM en nuestro archivo package.json para automatizar un par de tareas.
Echando un vistazo a nuestro archivo package.json,
verá que en el archivo package.json,
teníamos este objeto JSON llamado scripts.
Dentro de los scripts, teníamos esta propiedad llamada start que definimos aquí que
especificamos como NPM run lite y también especificamos este lite como lite-server.
Entonces, entonces inicia su desarrollo web.
También iniciamos nuestro servidor lite-escribiendo en el inicio de NPM en el símbolo del sistema.
Ahora, lo que esto nos permitió es iniciar el lite-server en
nuestro directorio de proyectos y empezar a guardar los archivos del directorio,
para que podamos verlo en un navegador.
Encontramos que este es un enfoque útil para poder ver en vivo
los cambios que hacemos en nuestros archivos reflejados inmediatamente en el navegador.
Ahora, en otras tareas que configuramos y usamos en la lección anterior fue SCSS,
que se utiliza para transformar el código SCSS en el código CSS correspondiente.
Por lo tanto, escribimos esta cita unquote script NPM llamado como SCSS que ejecutó el nodo sass
buscando los archivos
SCSS en la carpeta CSS y luego transformándolos en el código CSS correspondiente.
Y para ejecutar esto,
escribimos NPM ejecutar SCSS en el símbolo del sistema.
Por lo tanto, ya hemos visto que hemos utilizado un par de
scripts de NPM para automatizar algunas tareas durante nuestro desarrollo web.
Por lo tanto, para resumir, los scripts NPM son soportados a través de
esta propiedad scripts en el archivo package.json como hemos visto en el ejemplo anterior.
Hay varios scripts que son compatibles.
Uno en particular que es de interés para nosotros es el script de inicio,
por lo que puede agregar el tipo de mensaje inicio NPM,
y luego se iniciará el script correspondiente al que se refiere el inicio.
Ahora, podemos definir scripts arbitrarios en
la propiedad de scripts y luego ejecutarlos diciendo NPM ejecutar y el nombre de la secuencia de comandos,
como vio el uso de NPM ejecutar SCSS o NPM ejecutar lite y así sucesivamente.
Vamos a aprovechar esto para poder desarrollar algunos scripts adicionales que
automatizarán muchas de las tareas de las que hablamos en la conferencia anterior.
Por lo tanto, para ayudarnos a entender cómo podemos aprovechar los scripts de NPM para
automatizar muchas de nuestras tareas de desarrollo web,
aprenderemos cómo configurar los scripts NPM en el archivo package.json,
y luego ejecutar los scripts,
a veces automáticamente o a veces manualmente invocar
los scripts con el fin de para hacer la construcción y despliegue de nuestro sitio web.