Découverte de Webpack

Découverte de Webpack

ISO + Fichiers source | Français | 5 H 05 Min | 7.5 Go

Webpack est un outil qui est aujourd’hui incontournable dès lors que l’on travaille sur des projets JavaScript complexes. Il va nous permettre de morceler notre code sous forme de module qui seront ensuite fusionnés en un seul fichier par Webpack. Il dispose, en plus, d’un système de « loaders » qui vont permettre d’inclure de nouveaux types de fichiers ou d’appliquer des transformations spécifique (comme une transformation ES2015->ES5). Webpack est aussi complexe que complet et il n’est pas rare d’utiliser un template pour démarrer un nouveau projet. Cependant, il est important de comprendre son fonctionnement afin de pouvoir adapter la configuration à ses besoins. Aussi, je vous propose dans cette formation de découvrir ensemble comment installer et configurer Webpack.

Fonctionnement :
• Introduction
• Configuration
• Babel (es2015)
• Minification et Lazy Loading
• CSS & SASS
• Extraire le CSS
• Mise en cache
• Url Loader
• ESLint
• Dev server
• Plugin HTML

Plugins intéréssants :
• Analyser les dépendances
• React avec hot reload

Recettes :
• VueJS & Typescript

Changelog :
• Webpack 4

Travaux pratiques :
• React par la pratique : Todolist