Webpack’s documentation is pretty big, but it still doesn’t provide too many examples, especially for the more complex scenarios. That’s why I created a repository with the maximally reduced code solving the title issue.

Let’s jump straight into the code.

When it comes to debugging in web browser developers almost always think of the JavaScript, console.logs and breakpoints. That’s pretty straightforward, unlike trying to figure out what went wrong in a complex layout.

Some time ago I was presented with the following task: create in JSON a list of all the 2nd level nodes from an XML input and display the number of children for each such node. It sounds simple but it’s trickier than instantiating the DOMParser and then using JSON.parse (read about them at MDN).