HMR staat voor Hot Module Replacement, het biedt je de mogelijkheid om code die je schrijft meteen zichtbaar te maken in de browser.

Vite is een handige dev-tool waarmee je (onder andere) gebruik kan maken van HRM.

Voorbeeld

Op de onderstaande url kan je een voorbeeld (remote) vinden van de basis van een retrogame waarbij Vite en de Hot Module Replacement klaar voor gebruik zijn.

https://github.com/Stroomer/vite_hmr_example.git

• Ga naar een map op jouw laptop waar je dit voorbeeld heen wilt transporteren.
• Open in die map de terminal.
• Voer onderstaande code uit in de terminal.

git clone <https://github.com/Stroomer/vite_hmr_example.git> .

• De bovenstaande punt zorgt voor clonen naar de huidige map.
• Open package.json en bekijk goed wat hier allemaal te zien is. Dit is een belangrijk bestand.

• Voer daarna in de terminal de volgende code uit om vite te downloaden. Vite staat in package.json genoemd bij de dependencies, vandaar dat hij gaat downloaden.

Let op: Werkt alleen als je NodeJs hebt gedownload en geinstalleerd. Heb je die nog niet? Ga dan naar https://nodejs.org/en/download en download de LTS versie. Daarna nog even rebooten en weer verder met je werk. Daarna heb je ook NPM (Node Package Manager).

npm install