Come primo approccio per automatizzare le nostre attività,
diamo un'occhiata all'esempio di utilizzo di script NPM.
In effetti, avevamo già iniziato a utilizzare gli script NPM in questo corso nelle lezioni precedenti.
Rivisitiamo rapidamente il nostro file package.json per vedere come abbiamo usato un paio di
script NPM nel nostro file package.json per automatizzare un paio di attività.
Dando un'occhiata al nostro file package.json,
si vede che nel file package.json,
avevamo questo oggetto JSON chiamato script.
All' interno degli script, abbiamo avuto questa proprietà chiamata start che abbiamo definito qui che abbiamo
specificato come NPM run lite e anche abbiamo specificato questa lite come lite-server.
Quindi, allora avvii il tuo sviluppo web.
Abbiamo anche avviato il nostro lite-server digitando su NPM start al prompt.
Ora, ciò che questo ci ha permesso è di avviare il lite-server nella
nostra directory di progetto e iniziare a salvare i file dalla directory, in
modo che possiamo vederlo in un browser.
Abbiamo trovato che questo è un approccio utile per essere in grado di guardare in diretta
le modifiche che apportiamo ai nostri file che si riflettono immediatamente nel browser.
Ora, in altre attività che abbiamo configurato e utilizzato nella lezione precedente era SCSS,
che viene utilizzato per trasformare il codice SCSS nel codice CSS corrispondente.
Così, abbiamo scritto questa citazione unquote NPM script chiamato come SCSS che ha eseguito il nodo sass
cercando i file
SCSS nella cartella CSS e quindi trasformandoli nel codice CSS corrispondente.
E per eseguire questo,
abbiamo digitato NPM eseguire SCSS al prompt dei comandi.
Quindi, abbiamo già visto che abbiamo usato un paio di
script NPM per automatizzare alcune attività durante il nostro sviluppo web.
Quindi, per riassumere, gli script NPM sono supportati attraverso
questa proprietà script nel file package.json come abbiamo visto nell'esempio precedente.
Sono supportati diversi script.
Uno in particolare che è di interesse per noi è lo start-script, in
modo che è possibile aggiungere il prompt tipo NPM start,
e quindi lo script corrispondente cui si fa riferimento dall'inizio, verrà avviato.
Ora, siamo in grado di definire script arbitrari
nella proprietà script e quindi eseguirli dicendo NPM esecuzione e il nome dello script,
come si è visto l'uso di NPM eseguire SCSS o NPM run lite e così via.
Ci accingiamo a sfruttare questo per essere in grado di sviluppare alcuni script aggiuntivi che
automatizzeranno molte di quelle attività di cui abbiamo parlato nella lezione precedente.
Quindi, per aiutarci a capire come possiamo sfruttare gli script NPM per
automatizzare molte delle nostre attività di sviluppo web,
impareremo come configurare gli script NPM nel file package.json
e quindi eseguire gli script,
a volte automaticamente o a volte manualmente richiamare
gli script in ordine per fare la costruzione e la distribuzione del nostro sito web.