Comment recharger la fenêtre du navigateur lorsque vous enregistrez un fichier

Une approche simple et rapide

Je travaillais sur un site Web en HTML vanille + JS, et j'ai raté l'une des meilleures fonctionnalités fournies par ces packages de démarrage rapide comme create-react-app ou Vue CLI: recharger la page lorsque j'ai enregistré un fichier dans l'éditeur de code.

Le moyen le plus simple que j'ai trouvé est d'installerbrowser-sync:

npm install -g browser-sync

puis exécutez-le dans votre dossier de projet:

browser-sync start --server --files "."

La commande ci-dessus surveille tous les fichiers du dossier actuel (et tous les sous-dossiers) pour les modifications et lance un serveur Web sur le port 3000, ouvrant une fenêtre de navigateur pour se connecter au serveur.

Chaque fois que vous modifiez un fichier, le navigateur s'actualise.

Très utile lors du prototypage!