Exécuter browser-sync en ligne de commande

BrowserSync permet de recharger automatiquement dans le browser des ressources web : fichier HTML, CSS, JavaScript… Voici comment exécuter browser-sync rapidement, en ligne de commande, dans le cas d’une installation locale ou globale.

Prérequis :
Installer Node.js et npm

Installation locale

Depuis le dossier du projet web à synchroniser, installer localement browser-sync :
npm install browser-sync

L’executable se trouve dans un sous dossier du projet :
./node_modules/.bin/browser-sync

Exemple depuis une invite de commande Windows (le dossier courant étant le projet où se trouvent les ressources web) :
node_modules\.bin\browser-sync start --server --files ["*.html", "*.css", "*.js"]

Installation globale

Depuis n’importe quel emplacement, installer globalement browser-sync :
npm install -g browser-sync

Une installation globale, contrairement à une installation locale, expose le package et l’exécutable browser-sync sur toute la machine.
Ce dernier est alors disponible dès la racine de tout projet, en lançant :
browser-sync start --server --files ["*.html", "*.css", "*.js"]

Utilisation de la synchronisation

Ouvrir dans un navigateur http://localhost:3000/.
Derrière cette URL, tous les fichiers du projet sont exposés, et tous les .html, .css et .js seront rechargés dès qu’ils seront modifiés.

Laisser un commentaire