This chapter will include practical usage of configurations and options, and how these interrelate and play their part in any given build. It will also elaborate on output management—that is to say, the output of the bundling process and asset management in terms of the assets made part of the dependency graph. This will cover subtopics such as file placement and file structure.

Modules are used to combat the nature of JavaScript to have global functions. Webpack works alongside these modules and isolates the implied global nature of variables and functions.

Configurations and options are necessary to get the best out of Webpack. Each project is bespoke, therefore each project will require specific tailoring of its parameters. This chapter will explore in detail the exact nature of both topics, the limitations of each, and when to utilize them.

The following topics are discussed in this chapter:

• Understanding configurations
• Understanding asset management
• Understanding output management
• Exploring Webpack 5 options