Webpack é gerenciador de módulos JavaScript ele irá ser execudato  forma recursiva, tem um arquivo como ponto de partida, ele irá criar uma cascata de carregamento contectando todos os módulos da aplicação e com ele podemos definir um tratamento específico para cada tipo de arquivo.

Webpack é o gerenciador de módulos mais popular na atualidade vários CLIs trabalham em conjunto com webpack.

Qual a vantagem disso tudo? Ainda é comum aplicações web carregando dezenas JavaScript com diferentes script tags, se você não fizer isso da maneira correta irá causa uma série de problemas de performance em sua aplicação. E o gerenciamento de módulos ataca alguns problemas de performance, por padrão Webpack trabalha apenas com o carregamento de Javascript, mas podemos instalar recursos necessários para trabalhar com CSS, imagens, arquivos SASS, LESS e TypeScript. Esses “recursos” são chamados de loaders que veremos em breve.