Next.js 是如何運作的

什麼是程式碼拆分?

開發者通常會把應用程式拆分成數個頁面,可以透過網址來取得這些頁面資訊。每個頁面成了該應用程式唯一的進入點(entry point)

程式碼拆分意即將應用程式的模組拆分成進入點需要的更小的組塊(chunks)的完整過程。目的是藉由載入某個頁面時才載入該頁面的程式碼來改善應用程式初次載入頁面的所花費的時間。

模組拆分示意圖

Next.js 有內建支援程式碼拆分功能。每個存放於 pages/ 資料夾內的檔案,在打包(build)階段時會自動地將程式碼拆分成數個 JavaScript 模組。

更深入探討:

小試身手

以下哪一個不是程式碼拆分想要達到的目的?

本篇文章由YONG-LIN-LIANG

YONG-LIN-LIANG

貢獻翻譯。瞭解如何參與貢獻