Webpack is an awesome tool that can simplify your development workflow by allowing you to easily define dependencies for your site, theme or plugin and generate static assets that are ready for production. What makes it so great? The ability to define workflows based on filetype and then easily customize how those files come together.
If you are using Grunt, Gulp, or another tool to combine and minify your JavaScript and CSS, you will be pleasantly surprised at the power that Webpack can provide. While not touted as the simplest tool, it is not as complicated as it first seems.
Come learn the concepts behind Webpack, get started with a sample Webpack config customized for WordPress development and open up a whole new world of JavaScript for the browser.