Full Stack Web Development

VST11 Introduction to Webpack


2:45pm - 4:00pm

Level: Introductory

Chris Klug


Active Solution

As our Web development code moves further and further toward the front-end, with the browser becoming a host for running complex programs, and not just to show information, the need for managing our front-end resources becomes bigger ... and more difficult. There are several ways to do this, but currently it seems as though webpack is the way people are gravitating toward.

Unfortunately, getting started with webpack offers a bit of a hurdle to get over. Webpack configurations can look fairly complicated, and getting started can seem like a daunting task! But with large JavaScript frameworks like Angular and Aurelia buying into it, developers don't have much choice. You have to understand it!

In this session, you'll get a basic introduction to how webpack works, the concepts behind it, and how to get started playing around with it. The topic is too complex to make you an expert in an hour, but hopefully you'll walk out understanding concepts well enough to both start configuring your own bundles, as well as be able to understand most of the stuff you see in the more complicated bundle configurations you'll run across.

You will learn:

  • What webpack does
  • How to configure webpack to bundle an application
  • How to understand webpack enough to be able to find the resources needed to perform wanted tasks