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

admin

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

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

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

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

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