Webpack - Empaquetage d'application client

Partager sur :

Objectifs, programme, validation de la formation

Objectifs

•Utiliser l’outil Webpack
•Gérer des dépendances et créer un "exécutable" local pour le suivi des applications
•Fournir une approche modulaire de l’application front avec Webpack
•Suivre un développement à l’image d’un développement serveur.

Description, programmation

Introduction à Webpack
•Installation de Webpack
•Comprendre la notion de module et de dépendance dans Webpack
•Utilisation de Webpack en mode Ligne de commande
•Utilisation de Webpack avec un fichier de configuration
•Comparaison avec Gulp et Grunt

Présentation de Webpack
•La notion de loader dans Webpack
•Présentation des modules dans Webpack
•Notion de plug-ins et disponibilité de ceux-ci
•Configuration simple pour commencer
•Le watch mode
•Installer le Webpack devServer
•Le build incrémental
•Le Hot Module Reload

Lancer la production de code avec Webpack
•Un exemple avec la minification
•Comprendre la structure d’un bundle
•Utiliser le "tree shaking" (suppression des codes morts)
•Le code splitting, synchrone et asynchrone

Les loaders
•Ecrire un loader

Niveau de sortie information non communiquée