Minification et Lazy Loading, Tutoriel video Webpack

Minification et Lazy Loading

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.

Formation Comprendre Webpack : Minification et Lazy Loading