SharePoint Framework: i comandi per debug e compilazione

Serie di post sullo SharePoint Framework

- SharePoint Framework: i comandi per compilare la tua web part (questo post)

- SharePoint Framework: come effettuare il debug di una web part

- SharePoint Framework: come disabilitare il rendering reattivo di una web part

- SharePoint Framework: come aggiungere proprietà alla web part

- SharePoint Framework: IWebPartContext e Local Workbanch

Per eseguire una Client Side Web Part in debug è necessario aprire la riga di comando, posizionarsi nel percorso in cui è stata creata la soluzione (tramite il comando "yo @microsoft/sharepoint") ed eseguire questa istruzione:

C:\PROJECT FOLDER\> gulp serve

In questo modo abbiamo detto a gulp di eseguire il comando "serve", che si occupa di compilare la soluzione, effettuare il bundle di tutti gli artifatti della nostra soluzione (tramite webpack), lanciare il web server di test e aprire il Local Workbanch per inserire la propria web part e testarla.

Se ci sono degli errori di compilazione, il comando "serve" si stopperà stampando nella console gli errori trovati.
Al termine dell'esecuzione, se non vengono trovati errori di compilazione, verrà eseguito il Local Workbanch che potete comunque raggiungere tramite l'indirizzo: https://localhost:5432/workbench

Se volessimo invece semplicemente compilare la soluzione, senza eseguirla, ci basta lanciare questa istruzione:

C:\PROJECT FOLDER\> gulp build

In questo modo riusciamo a sfruttare le potenzialità del compilatore TypeScript (rispetto a quanto dobbiamo fare con Javascript) e verificare eventuali errori di sintassi prima che la web part venga visualizzata a video.

In questa immagine, ho modificato appositamente il nome della proprietà "description" in "des" così da avere un errore di compilazione.