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.
Table of Contents
- Introduction to Webpack 5
- Working with Modules and Code Splitting
- Using Configurations and Options
- APIs, Plugins, and Loaders
- Libraries and Frameworks
- Production, Integration, and Federated Modules
- Debugging and Migration
- Authoring Tutorials and Live Coding Hacks