Astro 2-0 正式發佈，現代化靜態站點生成器

大家好，我是 CUGGZ。

2023 年 1 月 24 日，Astro 2.0 正式發佈。Astro 是一個現代化的輕量級靜態站點生成器，用於構建以內容爲中心的高性能網站。2022 年，Astro 在 Github 上新增 15K Star，位列 2022 年 JavaScript 明星項目第 7 位。下面就來看看 Astro 2.0 都有哪些更新吧！

Astro 的下一代前端架構（稱爲 Astro Islands）可以優化網站，在與前端框架結合使用（如 React、Svelte 和 Vue）時將加載速度提高 33%，並將 JavaScript 減少 90%。Astro 2.0 是第一個爲 Markdown 和 MDX 提供完整類型安全的主要 Web 框架。Astro 現在可以通過內置的解析、驗證和自動 TypeScript 類型生成來組織 Markdown。

Astro 2.0 的更新亮點如下：

Astro 2.0 目前已經在 npm 上可用。可以在終端中運行 npm i astro@latest 命令來升級現有項目，或者在瀏覽器中訪問 astro.new 從頭開始創建一個新項目。

Markdown 和 MDX 的自動類型安全

Astro 2.0 旨在解決現代 Web 開發中一個被忽視的問題：使用 Markdown/MDX 很難。

當有數百個不同的文件時，不可能保持檢查的一致性。一個拼寫錯誤就可能導致整個網站崩潰，需要進行修復。

Astro 2.0 通過新的 Content Collections API 重新定義了圍繞內容的開發者體驗。將 Markdown 和 MDX 文件組織到不同的集合中，Astro 會處理剩下的事情：

混合渲染：靜態遇見動態

近一年來，Astro 允許用戶在靜態 (SSG) 和服務端 (SSR) 構建輸出之間進行選擇。靜態網站提供了令人難以置信的性能，但它們缺乏爲每個請求按需生成 HTML 的能力。

Astro 2.0 通過混合渲染將兩全其美的技術結合在一起。混合渲染讓用戶可以選擇在不放棄已部署服務的情況下預渲染某些頁面。預渲染提前構建頁面，以便所有這些請求立即加載。

將靜態和動態內容混合在一起爲 Astro 開啓了全新的可能性，包括：

重新設計的錯誤界面

Astro 2.0 最重要的 UI 部分更改就是錯誤 overlay。當出現問題時，開發人員可以第一時間看到錯誤詳情，這對於調試問題是很有用的。

Astro 2.0 以全新的 Astro 外觀和感覺完全重新設計了錯誤體驗。此外，新的錯誤 overlay 突出顯示了比以前更多的信息，例如解決錯誤的有用提示和跳轉到喜歡的編輯器中的代碼的按鈕。

開發服務器優化

Astro 2.0 提高了 Astro 開發服務器的性能和可靠性，特別是在熱模塊重新加載（HMR）方面。

Astro 用戶在過去幾個月中受益於這些改進的增量發佈，最終在 2.0 全部發布。Astro 2.0 標誌着所有這些改進首次在一個版本中一起提供。

Vite 4.0

Astro 2.0 最重要的內部依賴項升級之一：Vite 4.0。

Vite 是支持 Astro 內部構建引擎的重要工具。Vite 4.0 是 Vite 的最新版本，包括幾項重要的改進和錯誤修復，有利於所有 Astro 用戶。

Astro 公開路線圖

Astro 有一個開放的 RFC 流程，任何人都可以針對某項功能提出新想法，社區會在每週一次的 Discord 電話會議上開會討論這些想法。

然而，在實踐中，RFC 流程並沒有爲貢獻者提供足夠的指導。RFC 是冗長的，需要花費大量精力才能創建詳細的文檔。一些人發現這個過程令人望而生畏。還有一些人創建了 RFC，後來才意識到他們的想法是不可行的。

新的路線圖通過降低新想法和提案的進入門檻來解決這些缺點。在編寫正式的 RFC 之前，可以討論甚至接受新的想法。Astro 維護人員還將在流程的早期提供指導，以幫助解決問題並討論功能優先級。

Astro 2.0 Release Notes：https://astro.build/blog/astro-2/

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/EVylCBfcfSE56c4hEh-Y6Q

猜你喜歡