‘webpack’ Videos

  • Carrie Forde: Webpack for WordPress

    Carrie Forde: Webpack for WordPress

    WordCamp Vancouver 2018Speaker: Carrie Forde

    February 8, 2019 — With the rise of React in WordPress, there are more and more developers turning to Webpack for managing front end assets. In this talk, I’ll cover Webpack at a high level (what it is, and why we might reach for it), and show you how you can unleash the power of Webpack in your WordPress projects to manage and bundle front end assets.

  • Maxime Bernard-Jacquet: Simplifiez-vous le développement de vos thèmes avec Gulp

    Maxime Bernard-Jacquet: Simplifiez-vous le développement de vos thèmes avec Gulp

    WordCamp Paris 2018Speaker: Maxime Bernard-Jacquet

    April 26, 2018 — Avez-vous déjà entendu parlé des outils tels que Gulp, Grunt, Webpack… ? Ils vous permettent d’accomplir des tâches en direct lors du développement de votre site, comme recharger le navigateur à chaque modification, synchroniser le site sur votre mobile, tablette et ordinateur afin de tester le responsive, compiler vos fichiers CSS et JS et les optimiser.

    Un outil comme Gulp est facile à installer sur votre projet WordPress, même pour les allergiques de la ligne de commande, et vous apportera de nombreux avantages lors de votre développement :

    Compilation de vos styles (Sass, Less, Stylus)
    Compression de vos CSS et JS
    Live Reload
    Browser Sync
    AutoPrefixer

    Presentation Slides »

  • K. Adam White: Better Webpack Builds

    K. Adam White: Better Webpack Builds

    WordCamp US 2017Speaker: K. Adam White

    December 10, 2017 — Webpack is a powerful tool for bundling, transforming and optimizing your JavaScript, CSS and HTML for front-end web applications, but it can be hard to get started, and even harder to understand what’s happening inside that build. A simple boilerplate might take a minute to build, and create a many-megabyte JavaScript bundle, before you even add any code of your own—but it doesn’t have to be this way. In this talk we’ll discuss what Webpack is doing when it creates your bundle, and how to inspect the generated code to understand the origin of build performance issues. Armed with that information we will then learn some simple ways to create smaller bundles that rebuild faster, to speed up your own development and to improve the experience for the users of your application!