autoprefixer
處理CSS前綴問題的神器,可以同Sass，Stylus或LESS等預(yù)處理器共通使用胰伍。它適用于普通的CSS乱顾，無需關(guān)心要為哪些瀏覽器加前綴，只需全新關(guān)注于實現(xiàn)肛循，并使用W3C最新的規(guī)范。
babel-core
如果某些代碼需要調(diào)用Babel的API進(jìn)行轉(zhuǎn)碼银择，就要使用babel-core模塊多糠。
babel-eslint
用于靜態(tài)檢查代碼的語法和風(fēng)格
babel-jest
讓單元測試代碼支持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 等新增對象，Object.assign怜俐、Object.entries等靜態(tài)方法都不會轉(zhuǎn)碼身堡。
舉例來說，ES6在Array對象上新增了Array.from方法佑菩。Babel就不會轉(zhuǎn)碼這個方法盾沫。如果想讓這個方法運行裁赠，必須使用babel-polyfill殿漠，為當(dāng)前環(huán)境提供一個墊片。
babel-polyfill 的做法是將全局對象通通污染一遍佩捞，比如想在 node 0.10 上用 Promise绞幌，調(diào)用 babel-polyfill 就會往 global 對象掛上 Promise 對象。對于普通的業(yè)務(wù)代碼沒有關(guān)系一忱，但如果用在模塊上就有問題了莲蜘，會把模塊使用者的環(huán)境污染掉。
babel-runtime
babel-runtime也是轉(zhuǎn)換新的API,作用同babel-polyfill,實現(xiàn)和用法皆不同.
babel-runtime的做法是自己手動引入 helper 函數(shù)帘营，還是上面的例子票渠，const Promise = require('babel-runtime/core-js/promise') 就可以引入 Promise。
但 babel-runtime 也有問題芬迄，第一问顷，很不方便，第二禀梳，在代碼中中直接引入 helper 函數(shù)杜窄，意味著不能共享，造成最終打包出來的文件里有很多重復(fù)的 helper 代碼算途。所以塞耕，babel 又開發(fā)了 babel-plugin-transform-runtime，這個模塊會將我們的代碼重寫嘴瓤，如將 Promise 重寫成 _Promise（只是打比方）扫外，然后引入_Promise helper 函數(shù)。這樣就避免了重復(fù)打包代碼和手動引入模塊的痛苦廓脆。
babel-polyfill,babel-runtime對比詳情
babel-preset-react-app
這個包包含了創(chuàng)建React-App的babel預(yù)設(shè)
bowser
一個瀏覽器探測器
case-sensitive-paths-webpack-plugin
這個Webpack插件強(qiáng)制所有需要的模塊的整個路徑匹配磁盤上實際路徑的具體情況筛谚。使用這個插件可以幫助減輕開發(fā)人員在OSX上工作的情況，因為OSX不遵循嚴(yán)格的路徑敏感性狞贱，這會導(dǎo)致與其他開發(fā)人員的沖突刻获，或者構(gòu)建運行其他操作系統(tǒng)的盒子，這些系統(tǒng)需要正確的路徑。
chalk
修改控制臺中字符串樣式,包括
1.字體樣式(加粗蝎毡、隱藏等)
2.字體顏色
3.背景顏色
dotenv
通過項目根目錄的.env文件來維護(hù)環(huán)境變量詳情
fs-extra
添加了不包含在本機(jī)fs模塊中的文件系統(tǒng)方法厚柳，并為fs方法添加了承諾支持。它還使用優(yōu)雅-fs來防止EMFILE錯誤沐兵。這應(yīng)該是對fs的替代别垮。
husky,lint-staged
husky和lint-staged構(gòu)建代碼檢查工作流
lint是對代碼做靜態(tài)分析,并試圖找出潛在問題的工具.操作詳情
js-cookie
方便操作cookie
nzh
適用于需要轉(zhuǎn)換阿拉伯?dāng)?shù)字與中文數(shù)字的場景
postcss-loader
postcss提供了一種方式用js代碼來處理css,他負(fù)責(zé)把css代碼解析成抽象語法樹結(jié)構(gòu),再交于插件來處理.配置及常用插件
prettier
使用ESlint和prettier寫出高質(zhì)量代碼.
ESLint可以檢測代碼中潛在問題,Prettier作為代碼格式化工具,能夠統(tǒng)一團(tuán)隊的代碼風(fēng)格
prop-types
類型檢查,詳情見React官文
query-string
用于處理query字符串
react-fileupload
異步文件上傳.詳見
sortablejs
拖放排序
sw-precache-webpack-plugin
SWPrecacheWebpackPlugin是一個webpack插件，用于使用服務(wù)人員來緩存您的外部項目依賴項扎谎。
它將使用sw-precache生成一個服務(wù)工作者文件碳想，并將其添加到構(gòu)建目錄中。
