Webpack – Your New BFF

Webpack – Your New BFF

Webpack is JavaScript module bundler that has taken the world by storm, but a lack of great docs and wealth of boilerplates have led to many people using it, but not understand it. I will show you how to utilize Webpack for building out your applications. Once you see the magic available, Webpack will become your new BFF!

Da526e4b5901b3a2759cf234285c6488?s=128

Jennifer Bland

February 01, 2018
Tweet

Transcript

  1. 2.

    About Me - 3 Truths & 1 Lie A. I

    graduated university before the IBM PC was introduced B. I have visited 82 countries C. I clerked for Sandra Day O’Conner D. My home is 400 sq G
  2. 4.

    4 What is Webpack? Manages every asset * JavaScript *

    Images * Fonts * CSS Leading module bundler for JavaScript applications
  3. 5.
  4. 8.

    8 Configuring Webpack Configuration is in a file called webpack.config.js

    This file is in the root directory of your application
  5. 12.

    Loaders •manage every asset by creaQng a module •applies transformaQon

    to module •places modified module into dependency graph
  6. 13.
  7. 15.

    Plugins vs Loaders •Loaders can transform a single file •Loaders

    work on a file right before it is put into the dependency graph • Plugins can change mulQple files • Plugins can create bundles like css or javascript • Plugins can minify code
  8. 16.
  9. 17.

    About Me - 3 Truths & 1 Lie A. I

    graduated university before the IBM PC was introduced B. I have visited 82 countries C. I clerked for Sandra Day O’Conner D. My home is 400 sq G