Comprendre WebpackMinification et Lazy Loading

Télécharger la vidéo

Fonctionnement
Plugins intéréssants
Recettes
Changelog
Webpack 4
15 min

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.