autoprefixer

處理CSS前綴問(wèn)題的神器,可以同Sass，Stylus或LESS等預(yù)處理器共通使用。它適用于普通的CSS，無(wú)需關(guān)心要為哪些瀏覽器加前綴，只需全新關(guān)注于實(shí)現(xiàn)，并使用W3C最新的規(guī)范。

babel-core

如果某些代碼需要調(diào)用Babel的API進(jìn)行轉(zhuǎn)碼，就要使用babel-core模塊。

babel-eslint

用于靜態(tài)檢查代碼的語(yǔ)法和風(fēng)格

babel-jest

讓單元測(cè)試代碼支持Es6

babel-loader

ES6轉(zhuǎn)為ES5

babel-plugin-import

用于babel的模塊導(dǎo)入插件，兼容antd, antd-mobile，等等。

babel-polyfill

Babel默認(rèn)只轉(zhuǎn)換新的JavaScript句法（syntax），而不轉(zhuǎn)換新的API，例如： Promise、Set、Map 等新增對(duì)象，Object.assign、Object.entries等靜態(tài)方法都不會(huì)轉(zhuǎn)碼。
舉例來(lái)說(shuō)，ES6在Array對(duì)象上新增了Array.from方法。Babel就不會(huì)轉(zhuǎn)碼這個(gè)方法。如果想讓這個(gè)方法運(yùn)行，必須使用babel-polyfill，為當(dāng)前環(huán)境提供一個(gè)墊片。
babel-polyfill 的做法是將全局對(duì)象通通污染一遍，比如想在 node 0.10 上用 Promise，調(diào)用 babel-polyfill 就會(huì)往 global 對(duì)象掛上 Promise 對(duì)象。對(duì)于普通的業(yè)務(wù)代碼沒(méi)有關(guān)系，但如果用在模塊上就有問(wèn)題了，會(huì)把模塊使用者的環(huán)境污染掉。

babel-runtime

babel-runtime也是轉(zhuǎn)換新的API,作用同babel-polyfill,實(shí)現(xiàn)和用法皆不同.
babel-runtime的做法是自己手動(dòng)引入 helper 函數(shù)，還是上面的例子，const Promise = require('babel-runtime/core-js/promise') 就可以引入 Promise。
但 babel-runtime 也有問(wèn)題，第一，很不方便，第二，在代碼中中直接引入 helper 函數(shù)，意味著不能共享，造成最終打包出來(lái)的文件里有很多重復(fù)的 helper 代碼。所以，babel 又開發(fā)了 babel-plugin-transform-runtime，這個(gè)模塊會(huì)將我們的代碼重寫，如將 Promise 重寫成 _Promise（只是打比方），然后引入_Promise helper 函數(shù)。這樣就避免了重復(fù)打包代碼和手動(dòng)引入模塊的痛苦。
babel-polyfill,babel-runtime對(duì)比詳情

babel-preset-react-app

這個(gè)包包含了創(chuàng)建React-App的babel預(yù)設(shè)

bowser

一個(gè)瀏覽器探測(cè)器

case-sensitive-paths-webpack-plugin

這個(gè)Webpack插件強(qiáng)制所有需要的模塊的整個(gè)路徑匹配磁盤上實(shí)際路徑的具體情況。使用這個(gè)插件可以幫助減輕開發(fā)人員在OSX上工作的情況，因?yàn)镺SX不遵循嚴(yán)格的路徑敏感性，這會(huì)導(dǎo)致與其他開發(fā)人員的沖突，或者構(gòu)建運(yùn)行其他操作系統(tǒng)的盒子，這些系統(tǒng)需要正確的路徑。

chalk

修改控制臺(tái)中字符串樣式,包括
1.字體樣式(加粗、隱藏等)
2.字體顏色
3.背景顏色

dotenv

通過(guò)項(xiàng)目根目錄的.env文件來(lái)維護(hù)環(huán)境變量詳情

fs-extra

添加了不包含在本機(jī)fs模塊中的文件系統(tǒng)方法，并為fs方法添加了承諾支持。它還使用優(yōu)雅-fs來(lái)防止EMFILE錯(cuò)誤。這應(yīng)該是對(duì)fs的替代。

husky,lint-staged

husky和lint-staged構(gòu)建代碼檢查工作流
lint是對(duì)代碼做靜態(tài)分析,并試圖找出潛在問(wèn)題的工具.操作詳情

js-cookie

方便操作cookie

nzh

適用于需要轉(zhuǎn)換阿拉伯?dāng)?shù)字與中文數(shù)字的場(chǎng)景

postcss-loader

postcss提供了一種方式用js代碼來(lái)處理css,他負(fù)責(zé)把css代碼解析成抽象語(yǔ)法樹結(jié)構(gòu),再交于插件來(lái)處理.配置及常用插件

prettier

使用ESlint和prettier寫出高質(zhì)量代碼.
ESLint可以檢測(cè)代碼中潛在問(wèn)題,Prettier作為代碼格式化工具,能夠統(tǒng)一團(tuán)隊(duì)的代碼風(fēng)格

prop-types

類型檢查,詳情見(jiàn)React官文

query-string

用于處理query字符串

react-fileupload

異步文件上傳.詳見(jiàn)

sortablejs

拖放排序

sw-precache-webpack-plugin

SWPrecacheWebpackPlugin是一個(gè)webpack插件，用于使用服務(wù)人員來(lái)緩存您的外部項(xiàng)目依賴項(xiàng)。
它將使用sw-precache生成一個(gè)服務(wù)工作者文件，并將其添加到構(gòu)建目錄中。