K. Adam White: Better Webpack Builds

Continue the discussion

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Published

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!

Rate this:

Event

WordCamp US 2017 58

Speakers

K. Adam White 15

Tags

webpack 2

Language

English 6752

Download
MP4: Low, Med, High
OGG: Low
Subtitles
Subtitle this video →
Producer
%d bloggers like this: