This chapter will look further into migration and debugging, providing an extensive overview and detailed inspection of these topics.

Migration refers to the process of moving content and projects from earlier versions of Webpack to newer ones. We will specifically look at the move from Webpack version 3 to version 4 and from version 4 to version 5. We will also cover how to deal with deprecated plugins and how to remove or update them. This will include a look at migration when using Node.js v4 and the command-line interface (CLI).

This chapter will discuss the resolve method and how module.loaders has now been replaced by the module.rules method. It will also cover the chaining of loaders, including chaining loaders that are no longer needed or have been removed.

Then, this chapter will move on to exploring debugging. Debugging involves the process of removing common faults and errors that present themselves in complex software systems. This chapter will explain common problems and their solutions, troubleshooting, the best practices to follow to avoid these problems, and how to find faults.

Topics covered in this chapter are as follows: 

• Debugging
• Hot module replacement
• Adding a utility
• Migration