Webpack 5 Up and Running

Improve the development workflow and manage utilities with the latest Webpack and Babel features

Key Features

• A beginner's guide to understanding application bundling and Webpack project structure


• Leverage Webpack's modular builds to optimize the performance of your web apps


• Discover how Webpack facilitates package bundling and understand its integration with Angular and Vue.js

Book Description

Webpack has emerged as one of the most popular module bundlers used in web development projects, and serves as one of the most advanced web development build tools.

This quick reference begins with an introduction to Webpack and teaches you how to use it for initializing dependency management in your web projects. Starting with code splitting and transpiling, you will be taught about dependency graphs and how to configure them to achieve improved functionality and uncover hidden features. You'll also learn the difference between configuration files and options, and how Node.js plays a role in their creation and management. As you advance, you will delve into frameworks and unsupported code, which can be processed using loaders. Moving on, you'll be well on your way to performing application bundling efficiently, and will be introduced to the art of custom loader creation and plugin development.

By the end of this Webpack book, you'll have gained a basic understanding of deployment, live coding, and even hot module replacement, and you'll be able to incorporate application bundling in your web project efficiently.

What you will learn

• Get to grips with Webpack bundle configuration and set options


• Optimize your JavaScript projects by using code-splitting techniques


• Efficiently handle dependencies in complex web apps


• Break down complex problems into simple ones using advanced debugging procedures


• Master version migration and deployment hurdles


• Effectively deploy the Webpack application using Babel

Who this book is for

The book is for web developers looking to get started with dependency management in their web project by learning Webpack. Working knowledge of JavaScript is assumed.

Tom Owens is a seasoned web developer with over 11 years of industry experience. He graduated from Liverpool John Moores University with a BA (Hons), an FdA, and an MSc. His career began as a freelance web designer, granting him experience around numerous new media fields, including game and frontend development. He moved into internet entrepreneurship, having garnered a great deal of knowledge in offering consultancy to highly successful entrepreneurs. He was later offered a role as Lecturer in Web Development for a private institution called SAE, who offer degrees to BSc (Hons) and BA (Hons) students. Tom has an ongoing passion for coaching and mentoring, which he intends to bring to the fore in this book.