Next.js 7釋出,構建速度提升40%
Next.js團隊釋出了其開源React框架的 ofollow,noindex" target="_blank">7版本 。該版本的Next.js主要是改善整體的開發體驗,包括啟動速度提升57%、開發時的構建速度提升40%、改進錯誤報告和WebAssembly支援。
Next.js是一個React框架,它的主要目標是在生產環境中提供出色的效能和良好的開發體驗。為了提供這種良好的開發體驗,Next.js支援伺服器端渲染、程式碼分割和客戶端路由。
Next.js以JavaScript生態系統中的許多標準行業工具為基礎構建,比如Babel和Webpack,而版本7帶來了這些工具的最新版本。這些升級以及一個新的增量編譯快取意味著Next.js編譯現在快了40%,一個基本應用程式的編譯時間將從304ms減少到178ms。
隨著Webpack升級,得益於新增的.mjs支援,Next.js 7允許捆綁所有常見的JavaScript模組,如CommonJS、AMD和ESM,同時也支援EcmaScript, JSON和WebAssembly模組。
Next.js 7還捆綁了最新版本的Babel,它提供了對TypeScript、片段語法和尚處於試驗階段的“自動填充(poly filling)”的支援。
Next.js 7的初始有效載荷大小降低了多達7.4%,一個在Next.js以前的版本中大小為1.62kB的文件變成了到1.50kB。這些改進源於Next.js團隊刪除了某些HTML元素並縮小了一些內聯指令碼。
Next.js 7的另一個主要改進是對React Context API的支援。Context API是一種跨React元件共享資料的方式,而且不必每次都顯式共享。得益於Next.js能夠在頁面之間共享程式碼,這將使其記憶體使用減少16%。
Next.js 7支援模組的動態匯入;之前,由於Next.js使用自己的匯入功能,這是不可能的。現在,他們已經刪除了這個功能,並且支援Webpack自帶的預設匯入功能,允許動態匯入、命名和繫結檔案。
Next.js在社群內得到了廣泛好評。Reddit使用者reacttricks說,“在過去一年半的時間裡,我所有的專案都在使用Next.js,我建議每個人都嘗試一下。”其他的反饋包括對接下來會發生什麼的困惑。theineffablebob問:“Next是一個包含了讓站點啟動和執行所需的所有內容的框架嗎?它有點像那些樣板檔案?”Nextjs.org將自己視為JavaScript和React世界的PHP,nextjs.org上有這樣一句話:“考慮一下如何用PHP建立web應用。建立一些檔案,編寫PHP程式碼,然後簡單地部署它。我們不必太考慮路由問題,應用程式是在伺服器上渲染的。
感興趣的讀者可以從 Next.js 網站上下載最新版本。