This chapter took a deep look into code debugging and we discussed HMR and other debugging techniques. You should now have a firm grasp of what tools and utilities can be used to enhance debugging procedures, including the use of node nightly to perform code inspections. We then delved into HMR, a salient and exciting feature of Webpack. We saw how live edits can be made of modules and style sheets, and even covered issues with migration. We then segued into adding utilities, which is an essential part of any upgrade. From there, we took you through version migration—namely, from version 3 to version 4—and the steps to follow to do so. Furthermore, we showed you how to migrate from version 4 to version 5. This section concluded with a lengthy tutorial on updating a command-line upgrade to a manual alteration of some of the trickier elements.

You should now be confident in your debugging and upgrading skills, which puts you on solid ground for the next chapter. In the next chapter, we will get into some heavy live coding, customization, and manual bundling, which will excite the pants off you, no doubt!