babel JavaScript翻譯器

第一次看到這個(gè)東西還以為是圣經(jīng)的意思，有些誤會(huì)。babel可以讓你提前使用這些語言特性，他是一種用途很多的javascript編譯器，他把最新版的javascript編譯成當(dāng)下可以執(zhí)行的版本，簡(jiǎn)言之，利用babel就可以讓我們?cè)诋?dāng)前的項(xiàng)目中隨意的使用這些新最新的es6，甚至es7的語法。說白了就是把各種javascript語言特性全部轉(zhuǎn)化為瀏覽器支持的語言。增強(qiáng)了你的代碼對(duì)瀏覽器的兼容性。

Grunt 自動(dòng)化

Grunt，簡(jiǎn)而言之，就是運(yùn)行在Node.js上面的任務(wù)管理器（task runner），其可以在任何語言和項(xiàng)目中自動(dòng)化指定的任務(wù)。我們可通過npm來安裝Grunt和Grunt插件.Grunt是一個(gè)前端構(gòu)建工具，有資源壓縮，代碼檢查，文件合并等功能。

webpack 打包器

它做的事情是，分析你的項(xiàng)目結(jié)構(gòu)，找到JavaScript模塊以及其它的一些瀏覽器不能直接運(yùn)行的拓展語言（Scss，TypeScript等），并將其打包為合適的格式以供瀏覽器使用。非常適合大型項(xiàng)目的構(gòu)建。

redux

Redux 是一個(gè)基于Flux思想實(shí)現(xiàn)的一個(gè)針對(duì)web應(yīng)用的狀態(tài)管理庫，在Redux 里 Web 應(yīng)用被視為一個(gè)有窮狀態(tài)機(jī)，在這個(gè)狀態(tài)機(jī)里所有狀態(tài)的變化都是可以追溯甚至是可以撤銷的。說白了就是一個(gè)用來對(duì)state的管理和控制的。