Optimisez les performances de votre projet avec le "module bundler" Webpack

Pas besoin de s'appeler Einstein pour comprendre les intentions de Webpack en interprétant le nom : web + pack. Faire un pack prêt pour le web.

Nativement, Webpack s'occupe uniquement de ressources JavaScript. Webpack propose un système de loader qui permet de transformer tout et n'importe quoi en JavaScript (mais pas que). Ainsi, tout est consommable en tant que module.

Webpack prend en charge la fonction require() (connue et utilisée dans node.js et browserify) et permet de définir des nouveaux comportements.

Webpack va donc pouvoir s'occuper aussi bien de vos modules JavaScript (CommonJS, AMD, UMD...), mais aussi de vos modules CSS, de vos fichiers SVG, gif, png, etc. ainsi que potentiellement n'importe quel type de fichier pour peu que vous preniez le temps d'écrire un loader (rassurez-vous, il existe déjà un loader pour tous les fichiers que vous manipulez couramment).

En plus de cela, il a été pensé afin de permettre la séparation de votre pack (votre gros fichier JavaScript compilé) en plusieurs morceaux, selon vos besoins : vous pourrez ainsi ajuster la balance entre performance et lazy loading.


Le programme de la formation WEBPACK { Keep : Api } :

✔ Configuration de WEBPACK
✔ Fonctionnement de WEBPACK
✔ Ce qu'est Babel
✔ Minification & Lazy Loading
✔ CSS & SASS
✔ L'extraction avec WEBPACK
✔ La mise en cache
✔ URL loader
✔ ESlint
✔ Dev Server
✔ Les plugins
✔ React avec hot reload

{ Keep : Api }

Le véritable asset manager expliqué contactez-nous !
Durée
2 jours
Niveau
Intermédiaire
Tarif
980€ HT/personne
Pré-requis
+ Une compréhension correcte de l'anglais écrit

Cette formation vous intéresse ?

E.Chambre
E.Chambre
Vraiment très instructif. Je n'ai pas perdu mon temps.
Nos autres modules

Vous pouvez coupler webpack très facilement avec docker !

webpack fait également partie de nos packs développements

Suivez nous. Toutes les actualités, et coup de coeur de notre organisme de formation...