Next.js 5.0 發布

昨天，Next.js 5.0 版本發布了。Next.js 是面向伺服器渲染的 React 應用技術框架。這次發布的 Next.js 5.0 是向後兼容的，僅僅進行了必要的路徑更新和 API 變更，因此也不存在升級成本。讓小編帶大家解讀下這次版本更新的特性清單吧。

統一 Webpack 和 Next 插件

Webpack 不僅僅追求易用性，更追求靈活性，正如上面的代碼所示，通過裝飾函數能夠應對 production 和 development 環境運行的差異性，但是卻只能在客戶端使用。為了實現客戶端和伺服器端插件工作的統一性，從 Next.js 5.0 開始，同樣的 Webpack 和 Next.js 代碼可以同時運行在伺服器端和客戶端。對於用戶來說，這次變更所帶來的差異僅僅是：新增了 「isServer」 參數。

支持 CSS，LESS，SASS，SCSS 和 CSS Modules

• Webpack Loader 載入 CSS

• Next Plugins 載入 CSS

支持 TypeScript

• Webpack Loader 載入 TypeScript

• Next Plugins 載入 TypeScript

更好的支持 React Altlibs & Module Overloading

為 Production 環境增加 Sourcemap 屬性

在 Next.js 5.0 中統一了 Webpack 和 Next 插件在不同端工作原理，Webpack 配置可以同時在客戶端和伺服器端使用，因此需要調整在不同環境下 Webpack 的配置，例如：Production 環境增加 「source-map」 選項。

其他優化

• 生產環境下，縮減了 23.6% 的編譯時間

• 提升了非同步導入的緩存性能

• 新增 Fragments 標籤

• 更加精確的報錯信息

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！