前言
Koa 是運行在 Node.js 中的 web 服務框架，小而美艳馒。
Koa2 是 Koa 框架的最新版本憎亚，Koa3 還沒有正式推出员寇，Koa1 正走在被替換的路上。
Koa2 與 Koa1 的最大不同第美，在于 Koa1 基于 co 管理 Promise/Generator 中間件蝶锋，而 Koa2 緊跟最新的 ES 規(guī)范，支持到了 Async Function（Koa1 不支持）什往，兩者中間件模型表現(xiàn)一致扳缕，只是語法底層不同。
Koa2 正在蠶食 Express 的市場份額别威，最大的原因是 Javascript 的語言特性進化躯舔，以及 Chrome V8 引擎的升級，賦予了 Node.js 更大的能力省古，提升開發(fā)者的編程體驗粥庄，滿足開發(fā)者靈活定制的場景以及對于性能提升的需求，蠶食也就水到渠成豺妓，2018 年開始惜互，Koa2 會超越 Express 成為本年最大普及量的 Node.js 框架。
以上就是 Koa2 的現(xiàn)狀琳拭，以及它的趨勢训堆，站在 2018 年的節(jié)點來看，Koa2 的學習大潮已經(jīng)到來白嘁，那么如果要掌握 Koa2蔫慧，需要去學習它的哪些知識呢，這些知識跟 Node.js 以及語言規(guī)范有什么關系权薯，它的內(nèi)部組成是如何的姑躲，運行機制怎樣，定制拓展是否困難盟蚣，以及它的三方庫生態(tài)如何黍析，應用場景有哪些，跟前端有如何結(jié)合等等屎开，這些問題本文將做簡要的探討阐枣，Koa2 詳細的代碼案例和深度剖析見這里 。
備注：如下提到的 Koa 均指代 Koa 2.x 版本
關于作者 TJ
了解過 TJ 的童鞋都知道奄抽，他以驚為天人的代碼貢獻速度蔼两、源源不斷的開發(fā)熱情和巧奪天工的編程模型而推動整個 Node.js/NPM 社區(qū)大步邁進，稱為大神毫不過分逞度，而大神的腦回路额划，向來與凡人不同。
關于大神的傳說有很多档泽，最有意思的是在國外著名程序員論壇 reddit 上俊戳，有人說揖赴，TJ 從來就不是一個人，一個人能有這么高效而瘋狂的代碼產(chǎn)出實在是太讓人震驚了抑胎，他背后一定是一個團隊燥滑，因為他從來都不參加技術(shù)會議，也不見任何人阿逃，而最后 TJ 離開 Node 社區(qū)去轉(zhuǎn)向 Go铭拧，這種做事方式非常谷歌，所以 TJ 是谷歌的一個招牌恃锉，大家眾說紛紜羽历，吵的不可開交，不過有一點大家都是達成共識的淡喜，那就是非筹趿祝肯定和感謝他對于 Nodejs 社區(qū)的貢獻和付出。
Express 的架構(gòu)和中間件模型
聊 Koa 之前炼团，先對比下 Express澎嚣，在 Express 里面，不同時期的代碼組織方式雖然大為不同瘟芝，比如早期是全家桶各種路由易桃、表單解析都囊括到一個項目中，中后期做了大量的拆分锌俱，將大部分模塊都獨立出來官方自行維護晤郑，或者是采用社區(qū)其他開發(fā)者提供的中間件模塊，但縱觀 Express 多年的歷程贸宏，他依然是相對大而全造寝，API 較為豐富的框架，并且它的整個中間件模型是基于 callback 回調(diào)吭练，而 callback 常年被人詬病诫龙。
對于一個 web 服務框架來說，它的核心流程鲫咽，就是在整個 HTTP 進入到流出的過程中签赃，從它的流入數(shù)據(jù)上采集所需要的參數(shù)素材，再向流出的數(shù)據(jù)結(jié)構(gòu)上附加期望素材分尸，無論是一個靜態(tài)文件還是 JSON 數(shù)據(jù)锦聊，而在采集和附加的過程中，需要各個中間件大佬的參與箩绍，有的干的是記錄日志的活兒孔庭，有的干的是解析表單的活兒，有的則是管理會話伶选，既然是大佬史飞，一般都脾氣大尖昏，你不安排好他們的注冊順序仰税，不通過一種機制管理他們的入場退場順序构资，他們不僅不好好配合，還可能砸了你的場子陨簇。
那么 Express 里面吐绵，首先就是對于 HTTP 這個大家伙的管理（其他協(xié)議先不涉及），管理這個大家伙河绽，Express 祭出了三件己单，哦不，其實是四件法寶耙饰。
首先是通過 express() 拿到的整個服務器運行實例纹笼，這個實例相當于是一個酒店，而你就是來訪的客人 - HTTP 請求苟跪，酒店負責你一切需求廷痘，做到你滿意。
在酒店里面件已，還有兩個工作人員笋额，一個是 req(request) 負責接待你的叫阿來吧，還有一個送你離開的狠角色 - res(response)篷扩，叫阿去吧兄猩，阿來接待到你進酒店，門口的攝像頭會你拍照（Log 記錄來去時間鉴未，你的特征）枢冤，收集你的指紋（老會員識別），引領你去前臺簽到（獲取你的需求铜秆，比如你要拿走屬于你的一套西服）掏导，然后酒店安排你到房間休息（等待響應），里面各種后勤人員忙忙碌碌接待不同的客人羽峰，其中有一個是幫你取西服的趟咆，取了后，交給阿來梅屉，阿來再把西服穿你身上值纱，同時還可能幫你裝飾一番，比如給你帶個帽子（加個自定義頭）坯汤，然后送你出門虐唠，門口的攝像頭還會拍你一下，就知道了酒店服務你的時間......實在編不下去了惰聂，想用物理世界的案例來對應到程序世界是蠻難的疆偿，嚴謹度不夠咱筛，不過幫新手同學留下一個深刻印象倒是可取的。
Express 源碼簡要分析
上面酒店的 4 件法寶杆故，其實就是服務器運行實例迅箩，req 請求對象，res 響應對象和中間件 middlewares处铛，剛才負責照相的饲趋，簽到的，分析需求的其實都是中間件撤蟆，一個一個濾過去奕塑，他們根據(jù)自己的規(guī)則進行采集、分析家肯、轉(zhuǎn)化和附加龄砰，把這個 HTTP 客人，從頭到腳捏一遍讨衣，客人就舒舒服服的離開了换棚。
中間件是眾多 web 框架中比較核心的概念，它們可以根據(jù)不同的場景值依，來集成到框架中圃泡，增強框架的服務能力，而框架則需要提供一套機制來保證中間件是有序執(zhí)行愿险，這個機制在不同的框架中則大為不同颇蜡，在 Express 里面，我們通過 use(middlewares()) 逐個 use 下去辆亏，use 的順序和規(guī)則都由 express 自身控制风秤。
在 express/express.js 中，服務器運行實例 app 通過 handle 來把 Nodejs 的 req 和 res 傳遞給 handle 函數(shù)扮叨，賦予 handle 對于內(nèi)部對象的控制權(quán):
app = function(req, res, next) {
app.handle(req, res, next)
}
而在 express/application.js 中缤弦，拿到控制權(quán)的 handle 又把請求響應和回調(diào)，繼續(xù)分派給了 express 的核心路由模塊彻磁，也就是 router:
app.handle = function handle (req, res, callback) {
var router = this._router
var done = callback || finalhandler(req, res, {
env: this.get('env'),
onerror: logerror.bind(this)
})
router.handle(req, res, done)
}
這里的 router.handle 就持有到了 req, res 對象碍沐，可以理解為，express 把 Nodejs 監(jiān)聽到的請求三要素（req, res, cb） 下放給了內(nèi)部的路由模塊 router衷蜓。
然后繼續(xù)回到剛才 use(middlewares()累提，Express 每一次 use 中間件，都會把這個中間件也交給 router：
app.use = function use(fn) {
router.use('/', fn)
}
而 router 里面磁浇，有很重要一個概念斋陪，就是 layer 層，可以理解為中間件堆疊的層，一層層堆疊起來：
var layer = new Layer(path, {
sensitive: this.caseSensitive,
strict: false,
end: false
}, fn)
this.stack.push(layer)
以上是偽代碼（刪減了大部分）无虚，可以看做是 express 在啟動運行的時候缔赠，注冊好了一個中間件函數(shù)棧，里面堆疊好了待被調(diào)用的中間件友题，一旦請求進來嗤堰，就會被 router handle 來處理：
proto.handle = function handle(req, res, out) {
next()
function next(err) {
var layer
var route
self.process_params(layer, paramcalled, req, res, function (err) {
if (route) {
return layer.handle_request(req, res, next)
}
trim_prefix(layer, layerError, layerPath, path)
})
}
function trim_prefix(layer, layerError, layerPath, path) {
if (layerError) {
layer.handle_error(layerError, req, res, next)
} else {
layer.handle_request(req, res, next)
}
}
}
handle 里面的 next 是整個中間件棧能夠轉(zhuǎn)起來的關鍵，在所有的中間件里面咆爽，都要執(zhí)行這個 next梁棠，從而把當前的控制權(quán)以回調(diào)的方式往下面?zhèn)鬟f置森。
但是問題就是這種機制在最初的時候斗埂，如果沒有事件的配合，是很難做到原路進去凫海，再順著原路回去呛凶，相當于是每個中間件都被來回濾了 2 遍，賦予中間件更靈活的控制權(quán)行贪，這就是掣肘 Express 的地方漾稀，也是 Express 市場一定會被 Koa 蠶食的重要原因。
具體 Express 的代碼比這里描述的要復雜好幾倍建瘫，大家有興趣可以去看源碼崭捍，應該會有更多的收獲，如果沒有 Koa 這種框架存在的話啰脚，Express 的內(nèi)部實現(xiàn)用精妙形容絕對不為過殷蛇，只是這種相對復雜一些的內(nèi)部中間件機制，未必符合所有人的口味橄浓，也說明了早些年限于 JS 的能力粒梦，想要做一些流程雙向控制多么困難。
關于 Express 就分析到這里荸实，這不是本文的重點匀们，了解它內(nèi)部的復雜度以及精妙而復雜都實現(xiàn)就可以了，因為這是特定歷史階段的歷史產(chǎn)物准给，有它特定的歷史使命泄朴。
早期的 Koa 模型 - 我們不一樣
得益于大神非同尋常的腦回路，Koa 從一開始就選擇了跟 Express 完全不同的架構(gòu)方向露氮，上面 Express 的部分大家沒看懂也沒關系祖灰，因為 Koa 這里的處理，會讓你瞬間腦回路清晰沦辙。
首先要明白夫植，Koa 與 Express 是在做同樣事情上的不同實現(xiàn)，所以意味著他倆對外提供的能力大部分是相同的，這部分不贅述详民，我們看不同的地方：
Koa 內(nèi)部也有幾個神行太保延欠，能力較大，首先 new Koa() 出來的服務器運行實例沈跨，它像青蛙一樣由捎，張大嘴吞食所有的請求，通過它可以把服務真正跑起來饿凛，跟 Express 一樣狞玛，這個就跳過不提了，重點是它的 context涧窒，也就是 ctx心肪，這貨上面有很多引用，最核心的是 request 和 response纠吴，這倆可以對應到 Express 兩個對立的 req 和 res硬鞍，在 Koa 里面，把它倆都集中到 ctx 里面進行管理戴已，分別通過 ctx.request 和 ctx.reponse 進行直接訪問固该，原來 Express 兩個獨立對象做的事情，現(xiàn)在一個 ctx 就夠了糖儡，上下文對象都在他手中伐坏，想要聯(lián)系誰就能聯(lián)系誰。
其次是它的中間件機制握联，Koa 真正的魅力所在桦沉，先看段代碼：
const Koa = require('koa')
const app = new Koa()
const indent = (n) => new Array(n).join(' ')
const mid1 = () => async (ctx, next) => {
ctx.body = `<h3>請求 => 第一層中間件</h3>`
await next()
ctx.body += `<h3>響應 <= 第一層中間件</h3>`
}
const mid2 = () => async (ctx, next) => {
ctx.body += `<h3>${indent(4)}請求 => 第二層中間件</h3>`
await next()
ctx.body += `<h3>${indent(4)}響應 <= 第二層中間件</h3>`
}
app.use(mid1())
app.use(mid2())
app.use(async (ctx, next) => {
ctx.body += `<p style="color: #f60">${indent(12)}=> Koa 核心 處理業(yè)務 <=</p>`
})
app.listen(2333)
大家可以把這 22 行代碼跑起來，瀏覽器里訪問 localhost:2333 就能看到代碼的執(zhí)行路徑拴疤，一個 HTTP 請求永部，從進入到流出，是兩次穿透呐矾，每一個中間件都被穿透兩次苔埋，這個按照次序的正向進入和反向穿透并不是必選項，而是 Koa 輕松具備的能力蜒犯，同樣的能力组橄，在 Express 里面實現(xiàn)反而很費勁。
Koa2 源碼簡要分析
想要了解上面提到的能力罚随，就要看下 Koa 核心的代碼：
同樣是 app.use(middlewares())玉工，在 koa/application.js 里面，每一個中間件同樣被壓入到一個數(shù)組中：
use(fn) {
this.middleware.push(fn)
}
在服務器啟動的時候淘菩，建立監(jiān)聽遵班，同時注冊回調(diào)函數(shù)：
listen(...args) {
server = http.createServer(this.callback()).listen(...args)
}
回調(diào)函數(shù)里面屠升，返回了 (req, res) 給 Node.js 用來接收請求，在它內(nèi)部狭郑，首先基于 req, res 創(chuàng)建出來 ctx腹暖，就是那個同時能管理 request 和 response 的家伙，重點是上面壓到數(shù)組里面的 middlewares 被 compose 處理后翰萨，就扔給了 handleRequest：
callback() {
const fn = compose(this.middleware)
return handleRequest = (req, res) => {
const ctx = this.createContext(req, res)
return this.handleRequest(ctx, fn)
}
}
compose 就是 koa-compose脏答，簡單理解為通過它，以遞歸的方式實現(xiàn)了 Promise 的鏈式執(zhí)行亩鬼，因為我們都知道殖告， async function 本質(zhì)上會返回一個 Promise，這里 compose 跳過不說了雳锋，繼續(xù)去看 handleRequest:
handleRequest(ctx, fnMiddleware) {
return fnMiddleware(ctx).then(respond(ctx))
}
實在是簡潔的不像實力派黄绩，請求進來后，會把可以遞歸調(diào)用的中間件數(shù)組都執(zhí)行一遍魄缚，每個中間件都能拿到 ctx宝与，同時焚廊，因為 async function 的語法特性冶匹，可以中間件中，把執(zhí)行權(quán)交給后面的中間件咆瘟，這樣逐層逐層交出去嚼隘，最后再逐層逐層執(zhí)行回來，就達到了請求沿著一條路進入袒餐，響應沿著同樣的一條路反向返回的效果飞蛹。
借用官方文檔的一張圖來表達這個過程：
我知道這張圖還不夠，再祭出官方的第二張圖灸眼，著名的洋蔥模型：
Koa2 要學習什么
從上面的對比卧檐，我們其實就發(fā)現(xiàn)了 Koa2 獨具魅力的地方，這些魅力一方面跟框架設計理念有關焰宣，一方面跟語言特性有關霉囚，語言特性，無外乎下面幾個：
- 箭頭函數(shù)
- Promise 規(guī)范
- 迭代器生成器函數(shù)執(zhí)行原理
- 異步函數(shù) Async Function
- 以及 Koa2 的應用上下文 ctx 的常用 API（也即它的能力）
- koa-compose 工具函數(shù)的遞歸特征
- 中間件執(zhí)行的進出順序和用法
這些都是基礎性的值得學習的匕积，這些知識跟著語言規(guī)范有著非常親近的關系盈罐，所以意味著學會這些以后，也需要去到 ES6/7/8 里面挑選更多的語法特性闪唆，早早入坑學習盅粪，限于篇幅本文均不再探討窒悔，上面的基礎知識學習如果有興趣悲立，可以跟著 Koa2解讀+數(shù)據(jù)抓取+實戰(zhàn)電影網(wǎng)站 了解更多實戰(zhàn)姿勢习绢。
Koa2 和 Express 到底如何選擇
能不能來個痛快話？其實可以的氧映，選 Koa2 吧，2018 年了拗秘，不用等了签舞。
同時一定非它不可么，其實也不是戚揭，我們可以更加客觀的看待選擇問題诱告，再梳理下思緒：
Koa 是基于新的語法特性，實現(xiàn)了 Promise 鏈傳遞民晒，錯誤處理更友好精居，Koa 不綁定任何中間件，是干干凈凈的裸框架潜必，需要什么就加什么靴姿，Koa 對流支持度很好，通過上下文對象的交叉引用讓內(nèi)部流程與請求和響應串聯(lián)的更緊湊磁滚，如果 Express 是大而全佛吓，那么 Koa 就是小而精，二者定位不同垂攘，只不過 Koa 擴展性非常好维雇，稍微組裝幾個中間件馬上就能跟 Express 匹敵，代碼質(zhì)量也更高晒他，設計理念更先進吱型，語法特性也更超前。
這是站在用戶的角度比較的結(jié)果陨仅，如果站在內(nèi)部實現(xiàn)的角度津滞，Koa 的中間件加載和執(zhí)行機制跟 Express 是截然不同的，他倆在這一點上的巨大差別也導致了一個項目可以完全走向兩種不同的中間件設計和實現(xiàn)方式灼伤，不過往往我們是作為框架的使用者触徐，業(yè)務的開發(fā)者來使用的，那么對于 Nodejs 的用戶來說狐赡，Express 能滿足你的撞鹉，Koa 都可以滿足你，Express 讓你爽的猾警，Koa 可以讓你更爽孔祸。
這也是為什么，阿里的企業(yè)級框架 Eggjs 底層是 Koa 而不是 Express发皿，360 公司的大而全的 thinkjs 底層也是 Koa崔慧，包括沃爾瑪?shù)?hapi 雖然沒有用 Koa，但是他的核心開發(fā)者寫博客說穴墅，受到 Koa 的沖擊和影響惶室， 也要升級到 async function温自，保持對語法的跟進，而這些都是 Koa 已經(jīng)做好了整個底子皇钞，任何上層架構(gòu)變得更簡單了悼泌。
大家在選用 Express 的時候，或者從 Express 升級到 Koa 的時候夹界，其實不用太糾結(jié)馆里，只要成本允許，都可以使用可柿，如果實現(xiàn)成本過高鸠踪，那么用 Express 也沒問題的，遇到其他新項目的時候复斥，沒有了歷史包袱营密，在用 Koa 也不遲。
Koa 運行機制和 Nodejs 事件循環(huán)
其實通過上面的篇幅目锭，我們對于內(nèi)部組成基本了解了评汰，運行機制其實就是中間件執(zhí)行機制，而定制拓展性痢虹，我們上面提到了 Eggjs 和 Thinkjs 已經(jīng)充分證明了它可定制的強大潛力被去，這里我們主要聊下跟運行機制相關的，一個是 Koajs 自身世分，另外的一個是通過它向下到 Node.js 底層编振，它的運行機制是怎樣的，這塊涉及到 Libuv 的事件循環(huán)臭埋，如果不了解的話，很難在 Node.js 這顆技能樹上再進一臺階臀玄，所以它也非常重要瓢阴。
而 Libuv 的事件循環(huán)，本質(zhì)上決定了 Node.js 的異步屬性和異步能力健无，提到異步荣恐，我們都知道 Node.js 的異步非阻塞 IO，但是大家對于 同步異步以及阻塞非阻塞累贤，都有了自己的理解叠穆，說到異步 IO，其實往往我們說的是操作系統(tǒng)所提供的異步 IO 能力臼膏，那首先什么是 IO硼被，說白了，就是數(shù)據(jù)進出渗磅，人機交互的時候嚷硫，我們會把鍵盤鼠標這些外設看做是 Input检访，也就是輸入，對應到主機上仔掸，會有專門流入數(shù)據(jù)或者信號的物理接口脆贵，顯示器作為一個可視化的外設，對應到主機上起暮，會有專門的輸出數(shù)據(jù)的接口卖氨，這就是生活中我們可見的 IO 能力，這個接口再向下负懦，會進入到操作系統(tǒng)這個層面双泪，在操作系統(tǒng)層面，會提供諸多的能力密似，比如磁盤讀寫焙矛，DNS 查詢，數(shù)據(jù)庫連接残腌，網(wǎng)絡請求接收與返回等等村斟，在不同的操作系統(tǒng)中，他們表現(xiàn)出來的特征也不一致抛猫，有的是純異步的蟆盹，非阻塞的，有的是同步的阻塞的闺金，無論怎么樣逾滥，我們都可以把這些 IO 看做是上層應用和下層系統(tǒng)之間的數(shù)據(jù)交互，上層依賴于下層败匹，上層也可以進一步對這些能力進行定制改造寨昙，如果這個交互是異步的非阻塞的，那么這種就是 異步 IO 模型掀亩，如果是同步的阻塞的舔哪，那么就是同步 IO 模型。
在 Nodejs 里面槽棍，我們可以拿文件讀寫為例捉蚤，Koa 只是一個上層的 web 應用服務框架而已，它所有與操作系統(tǒng)之家的溝通能力炼七，都建立在 Node.js 整個的通信服務模型的基礎之上缆巧，Nodejs 提供了 filesystem 也就是 fs 這個模塊，模塊中提供了文件讀寫的接口豌拙，比如 readFile 這個異步的接口陕悬，它就是一個典型的異步 IO 接口，反之 readFileSync 就是一個阻塞的同步 IO 接口姆蘸，以這個來類推墩莫，我們站在上層的 web 服務這個層面芙委，就很容易理解 Node.js 的異步非阻塞模型，異步 IO 能力狂秦。
那么 Node.js 的異步能力又是建立在 Libuv 這一層的幾個階段上的灌侣，什么？還有階段裂问？
是的侧啼，Node.js 的底層除了解釋和執(zhí)行 JS 代碼的 Chrome V8 虛擬機，還有一大趴兒就是 Libuv堪簿，它跟操作系統(tǒng)交互痊乾，封裝了不同平臺的諸多接口，相當于抹平了操作系統(tǒng)的異步差異帶來的兼容性椭更，讓 Node.js 對外提供一致的同異步 API哪审，而 Libuv 的幾個階段，便是對于單線程的 JS 最有利的輔助實現(xiàn)虑瀑，所有的異步都可以看做是任務湿滓，任務是耗時的，libuv 把這些任務分成不同類型舌狗，分到不同階段叽奥，有他們各自的執(zhí)行規(guī)律和執(zhí)行優(yōu)先級。
大家可以先預測下下面這段代碼的執(zhí)行結(jié)果：
const EventEmitter = require('events')
class EE extends EventEmitter {}
const yy = new EE()
yy.on('event', () => console.log('粗大事啦'))
setTimeout(() => console.log('0 毫秒后到期的定時器回調(diào)'), 0)
setTimeout(() => console.log('100 毫秒后到期的定時器回調(diào)'), 100)
setImmediate(() => console.log('immediate 立即回調(diào)'))
process.nextTick(() => console.log('process.nextTick 的回調(diào)'))
Promise.resolve().then(() => {
yy.emit('event')
process.nextTick(() => console.log('process.nextTick 的回調(diào)'))
console.log('promise 第一次回調(diào)')
})
.then(() => console.log('promise 第二次回調(diào)'))
你會發(fā)現(xiàn)你踏入了一個 【美好】 的世界痛侍，這就是我們通過了解 Koa 以后朝氓，如果想要繼續(xù)往下學習，需要掌握的知識主届，這塊知識才是真正的干貨赵哲，一言半語的確說不清楚，我們保留思路往下走岂膳。
Koa2 的三方庫生態(tài)如何
在 Koa1 時代和 Koa2 剛出的時候誓竿，的確它的三方庫不多，需要自己動手包裝谈截，甚至還有 koa-convert 專門干這個活兒，把 1 代 koa 中間件轉(zhuǎn)成可以兼容 2 代 koa 可以兼容的形式涧偷。
但是時至今日簸喂，Koa2 的生態(tài)已經(jīng)相當完善了，尤其在 2018 年隨著更多開發(fā)者切入到 Koa2 中燎潮，將會有大批量的業(yè)界優(yōu)秀模塊庫進入到 Koa2 的大池子中喻鳄，大家會發(fā)現(xiàn)可選擇的越來越多，所以他的生態(tài)沒問題确封。
跟前端如何結(jié)合
到這里除呵，本文接近尾聲了再菊，我也感覺意猶未盡，但是再寫下去怕是成飛流直下三千尺了颜曾，我想用一句話回答這個問題：
小而美是每一個工程師最終會選擇自我修養(yǎng)纠拔，Koa2 是小而美的，能與它結(jié)合的必然也是小而美的泛豪，那么在 2018 年稠诲，就非 Parcel 莫屬，小而美絕配诡曙，關于 Parcel 如何 AntDesign/React/Bootstrap 等這些前端框架庫組合使用臀叙，可以關注 Koa2解讀+數(shù)據(jù)抓取+實戰(zhàn)電影網(wǎng)站 了解更多姿勢。
回到本文的標題：Koa2 還有多久取代 Express价卤？我想完全替代是不可能的劝萤，但是新項目使用 Koa2（以及基于它封裝的框架）將會在數(shù)量上碾壓 Express，時間呢慎璧，2018 - 2019 兩年足矣床嫌，那么 2018 年起，但求不落后炸卑，加油既鞠！
封面圖來自 codetrick
