Node.js
Autoreload su modifiche

Il caricamento automatico sul codice sorgente cambia usando nodemon

Il pacchetto nodemon consente di ricaricare automaticamente il programma quando si modifica qualsiasi file nel codice sorgente.

Installazione di nodemon a livello globale

npm install -g nodemon (o npm i -g nodemon )

Installare nodemon localmente

Nel caso in cui non si desideri installarlo a livello globale

npm install --save-dev nodemon (o npm i -D nodemon )

Utilizzando nodemon

Esegui il tuo programma con nodemon entry.js (o nodemon entry )

Questo sostituisce il solito uso del node entry.js (o node entry ).

È anche possibile aggiungere l'avvio del nodemon come uno script npm, che potrebbe essere utile se si desidera fornire i parametri e non digitarli ogni volta.

Aggiungi package.json:

  "scripts": {
    "start": "nodemon entry.js -devmode -something 1"
  }

In questo modo puoi semplicemente utilizzare npm start dalla tua console.

Browsersync

Panoramica

Browsersync è uno strumento che consente la visualizzazione di file live e il ricaricamento del browser. È disponibile come pacchetto NPM .

Installazione

Per installare Browsersync devi prima installare Node.js e NPM. Per ulteriori informazioni, consultare la documentazione SO su Installazione ed esecuzione di Node.js.

Una volta impostato il tuo progetto, puoi installare Browsersync con il seguente comando:

$ npm install browser-sync -D

Questo installerà Browsersync nella directory node_modules locale e lo salverà nelle dipendenze dello sviluppatore.

Se preferisci installarlo globalmente usa il flag -g al posto del flag -D .

Utenti Windows

In caso di problemi nell'installazione di Browsersync su Windows, potrebbe essere necessario installare Visual Studio in modo da poter accedere agli strumenti di compilazione per installare Browsersync. Dovrai quindi specificare la versione di Visual Studio che stai utilizzando in questo modo:

$ npm install browser-sync --msvs_version=2013 -D

Questo comando specifica la versione 2013 di Visual Studio.

Uso di base

Per ricaricare automaticamente il tuo sito ogni volta che cambi un file JavaScript nel tuo progetto usa il seguente comando:

$ browser-sync start --proxy "myproject.dev" --files "**/*.js"

Sostituisci myproject.dev con l'indirizzo web che stai utilizzando per accedere al tuo progetto. Browsersync emetterà un indirizzo alternativo che può essere utilizzato per accedere al tuo sito tramite il proxy.

Uso avanzato

Oltre all'interfaccia della riga di comando descritta sopra, Browsersync può essere utilizzato anche con Grunt.js e Gulp.js.

Grunt.js

L'utilizzo con Grunt.js richiede un plug-in che può essere installato in questo modo:

$ npm install grunt-browser-sync -D

Quindi aggiungerai questa linea al tuo gruntfile.js :

grunt.loadNpmTasks('grunt-browser-sync');

Gulp.js

Browsersync funziona come un modulo CommonJS , quindi non c'è bisogno di un plugin Gulp.js. Basta richiedere il modulo in questo modo:

var browserSync = require('browser-sync').create();

Ora puoi utilizzare l' API Browsersync per configurarlo in base alle tue esigenze.

API

L'API Browsersync può essere trovata qui: https://browsersync.io/docs/api