npm: 包管理工具. 管理项目依赖的第三方包列表, 版本控制等.
babel: 编译工具. 简单来说就是, 这个工具可以把较新的es6/7的代码转换es5实现, 以保证较旧的浏览器也可以正常运行我们的代码.
webpack: 打包工具, 常用于浏览器端. 比如vue, react这类框架, 通过require, import语法引入第三方依赖时, 浏览器需要通过发起get请求来获取相应的包. webpack实现了类似C语言中的include功能, 你依赖的包都打到同一个文件中, 可以减少浏览器发起的请求次数, 加快加载速度.