什么是Babel，Webpack和Browserify？

Question

我是前端框架开发的新手，目前正在尝试学习一些Javascript框架（React和Vue）。当我从互联网上的几个视频中学习时，在我们开始编码之前，有几件事要设置，而像Babel，Webpack和Browserify这样的词来自视频。由于我对这些单词没有任何线索，我试图谷歌它，但我得到的信息并没有给出这三个在前端Web开发环境中做什么/功能的大图。我希望来自Stackoverflow的人能够回答这个初学者问题并解释他们实际做了什么。

谢谢。