À propos de ce tutoriel
Minifier le JavaScript est un bon moyen d'améliorer le temps de chargement de l'application. Webpack dispose d'un plugin dédié à la minification.
En plus de la minification il est aussi possible d'utiliser un système de lazy loading afin de charger certains modules JavaScript de manière asynchrone :
button.addEventListener('click', e => {
import('./super-gros-module').then(monModule => {
monModule.doSomething()
})
})
En arrière plan, Webpack va créer un morceau (chunk) qui sera chargé seulement lors de l'éxécution de ce code.