Évolutions de la codebase de démo Webpack

v1.3.0 — 29/06/2020

Gel de maintenance sur l’arbo v3 (elle reste pour consultation seulement).
Mise à jour intégrale des dépendances et de leur utilisation en configuration.
Désactivation du plugin HardSource, qui ne marche plus parfaitement bien avec les Webpack 4 et Node.js récents, en attendant Webpack 5 qui n’en aura plus besoin…
Mise à jour des utilisations de core-js en retirant @babel/polyfill, déprécié.
Mise à jour du plugin d’inlining de scripts dans le HTML, et passage des scripts d’un chargement synchrone en fin de <body> a un chargement déféré depuis le <head>.

Sauf indication contraire, l’ensemble des évolutions sont v3 et v4.

Ajout d’une démo de svg-url-loader avec une SVG en fond de la hero unit : la Data URL ne pèse plus qu’1Ko au lieu d’1,3Ko en Base64
Ajout d’une démo de CopyWebpackPlugin pour les fichiers statiques (static/robots.txt).
Ajout d’une démo de tree shaking nette au sein de hacker-case.js avec un export inutilisé et une dépendance interne du coup superflue (v4 seulement, avant activaton du code splitting). Les abandons de tree shaking sont logués sur la sortie d’erreur lors du npm run build, avec leur raison, pour plus de clarté.
Ajout d’une démo de preloading (qui pourrait être du prefetching juste en changeant le mot-clé) avec un deuxième niveau de chargement dynamique (code splitting) depuis hacker-case.js vers deeper-hacker.js (v4 seulement).
Le templating HTML propose de base un meta viewport propre.
L’optimisation des images inclue désormais les WebP.
Réactivation de la compression Zopfli sur les fichiers textuels et les PNG, qui sont pas mal rabotés du coup !
Le manifeste ne se préoccupe plus des .map et .gz.
Retrait de la démo d'intégration avec un serveur Node existant : bad practice.