TUTO Webpack 4 pour les développeurs pressés

Cette formation en vidéo vous permettra de prendre en main le plus célèbre des bundlers : Webpack.
Un bundler est devenu indispensable depuis quelques années déjà du fait de la complexité croissante des applications Web.

Un bundler vous permet en effet :

• de loader des fichiers dans le bon ordre, afin d'éviter l'appel de fonctions qui ne sont pas (encore) disponibles en raison d'une erreur dans l'ordre d'import de vos nombreux fichiers JavaScript
• de travailler sur des projets web plus facilement et rapidement en vous permettant d'utiliser des options d'ECMAScript qui ne sont pas encore comprises par les navigateurs
• d'utiliser des langages qui ne sont pas reconnus par les navigateurs (tels que TypeScript ou Sass) puis de générer des fichiers JavaScript ou CSS grâce aux loaders de Webpack

Mais là où Webpack marque des points supplémentaires, c'est en permettant de gagner drastiquement en performance :

• en vous permettant de regrouper et de minifier toutes vos resources afin de les rendre plus facilement déployables et plus rapidement téléchargeables
• en vous permettant de mettre en oeuvre le 'code splitting', qui vous permettra de créer plusieurs bundles qui pourront être téléchargés lorsqu'ils sont vraiment nécessaires

Webpack est un bundler open-source qui fait référence depuis quelques années grâce à son éco-système très riche qui fournit de nombreux loaders et plugins et à son architecture 'event oriented' familière aux développeurs JavaScript. Depuis sa v4, Webpack est même plus simple d'utilisation puisqu'il possible de débuter avec sans avoir besoin de fichier de configuration : nous verrons en effet ensemble les conventions à suivre pour bénéficier du "zero configuration".

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions.

Bienvenue dans cette formation qui vous apprendra à utiliser Webpack 4 au quotidien.