模板Web組件編譯器測試版即將發(fā)布，開源編譯器構(gòu)建Web組件和漸進式Web應(yīng)用程序（PWA）

admin

模板Web組件編譯器測試版即將發(fā)布，開源編譯器構(gòu)建Web組件和漸進式Web應(yīng)用程序（PWA）
Stencil是一個用于構(gòu)建Web組件和漸進式Web應(yīng)用程序（PWA）的開源編譯器，將于5月份推出beta版本，預(yù)計將在盛夏推出1.0版本的產(chǎn)品。

由工具制造商Ionic開發(fā)，Stencil支持跨框架工作的可重用Web組件的開發(fā)。它將流行框架的概念結(jié)合到編譯時而不是運行時工具中。生成的Web組件在任何支持自定義元素規(guī)范的瀏覽器中運行。這些組件可以在諸如Angular和React之類的框架中運行，也可以在沒有框架的情況下運行。這些組件是純HTML元素。此外，Stencil可以用作傳統(tǒng)前端框架的直接替代產(chǎn)品。此外，Stencil可以為需要它們的瀏覽器生成帶有polyfills的組件。

Stencil的貢獻者Ionic首席執(zhí)行官Max Lynch表示，模板旨在通過向瀏覽器發(fā)送更少的代碼來滿足為PWA設(shè)定的性能標準。 Web組件通過將組件代碼卸載到瀏覽器并預(yù)渲染頁面來支持此目標。

即將發(fā)布的測試版本比目前可用的alpha版本更穩(wěn)定更快。模板將支持：

TypeScript，組件用作裝飾器元數(shù)據(jù)的普通TypeScript / ECMAScript 6類。
JSX渲染功能。
Stencil組件內(nèi)部的虛擬DOM渲染系統(tǒng)。
單向數(shù)據(jù)綁定。
異步管道，類似于React Fiber。
延遲加載，用于分組相關(guān)組件。
來自Angular和React的語法。
盡管Stencil是為Ionic Framework構(gòu)建的，但為了生成移動開發(fā)平臺的UI組件，Stencil不需要Ionic來運行。