Vue : construire une application web (école d'ingénieur) · Chapitre 6 · Exercice de TD
Mesurer le paquet
Vite et composants monofichiers · niveau 2
Énoncé
Construire la Librairie (npm run build) et relever la taille de son JavaScript. La comparer avec celle de la version complète de Vue par CDN, vue.global.prod.js (168 ko, 61 ko compressée), qu'utilisaient les pages des chapitres précédents. Expliquer l'écart.
Corrigé
Le fichier JavaScript de la Librairie pèse 67,66 ko, 26,84 ko compressé (sortie de la section « Construire pour la production »), contre 168 ko et 61 ko pour vue.global.prod.js, alors que ce fichier ne contient que Vue, sans une ligne de l'application. Deux raisons : le compilateur de gabarits n'est plus envoyé (les gabarits sont compilés à la construction) ; et la construction n'inclut que les fonctions de Vue réellement utilisées (tree shaking, « secouer l'arbre » pour en faire tomber ce qui ne sert pas) : pas de <Transition>, pas de <KeepAlive> si l'application ne s'en sert pas. Dans le projet des exercices, la partie commune de Vue mesure 64,01 ko (25,26 ko compressé).
100 % gratuit
La suite du chapitre est sur Adloun
- 9 autres exercices corrigés dans ce chapitre
- Les 2 QCM du chapitre, le premier sans compte
- Le tuteur, qui guide pas à pas sans donner la réponse
Sans compte : le cours et le premier QCM. Exercices et tuteur : inscription gratuite en 30 secondes, sans carte bancaire.