一次性搞明白babel、webpack、redux、Grunt是

babel JavaScript翻译器

第一次看到这个东西还以为是圣经的意思，有些误会。babel可以让你提前使用这些语言特性，他是一种用途很多的javascript编译器，他把最新版的javascript编译成当下可以执行的版本，简言之，利用babel就可以让我们在当前的项目中随意的使用这些新最新的es6，甚至es7的语法。说白了就是把各种javascript语言特性全部转化为浏览器支持的语言。增强了你的代码对浏览器的兼容性。

Grunt 自动化

Grunt，简而言之，就是运行在Node.js上面的任务管理器（task runner），其可以在任何语言和项目中自动化指定的任务。我们可通过npm来安装Grunt和Grunt插件.Grunt是一个前端构建工具，有资源压缩，代码检查，文件合并等功能。

webpack 打包器

它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。非常适合大型项目的构建。

redux

Redux 是一个基于Flux思想实现的一个针对web应用的状态管理库，在Redux 里 Web 应用被视为一个有穷状态机，在这个状态机里所有状态的变化都是可以追溯甚至是可以撤销的。说白了就是一个用来对state的管理和控制的。