Webpack est un outil qui va nous permettre de morceler notre code sous forme de modules, qui seront ensuite fusionnés en un seul fichier.
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écifiques (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.
Découverte de Webpack
Configuration
Babel (es2015)
Minification et Lazy Loading
CSS & SASS
Extraire le CSS
Mise en cache
Url Loader
ESLint
Dev server
Plugin HTML
Analyser les dépendances
Webpack 4