- Dans le dossier
WeatherWebApp/
exécutez
WeatherWebApp$ npm install
- Exécutez la commande
npm run build
pour créer le dossier./dist/
et construire un premier bundle - Vous pouvez ouvrir le fichier
dist/index.html
, pour vérifier que tout s'est bien déroulé en consultant la console (Ctrl Shift K) dans laquelle vous devez lire le messagele bundle a été généré
.
Attention, le résultat ne se consulte pas avec le fichier
src/index.html
: vous devez faire vos modifications et votre travail dans le dossiersrc/
mais le résultat du travail est observé dans le dossierdist/
.
- On utilise les facilités offertes par Webpack pendant la phase de développement pour construire le bundle et visualiser les résultats "à chaud" en démarrant le serveur de développement :Après chaque modification, il faut générer le
nouveau
bundle, toujours à l'aide de la commandenpm run build
et c'est le fichierdist
/index.html
qu'il faut consulter pour avoir le résultat
WeatherWebApp$ npm run dev-server
- N'oubliez pas d'exécuter la commande
npm run build
après l'arrêt du serveur de développement pour mettre à jour le dossierdist/
.
NB : le dossier
dist/
ne sera pas mis sur le dépôt car il peut être regénéré à partir des sources.