See how Stencil fits into the entire Ionic Ecosystem ->
Stencil is part of the Ionic Ecosystem ->

浏览器的支持

Stencil 构建了在所有广泛使用的桌面和移动浏览器中本地或接近本地运行的 Web 组件。

Chrome 60+
Safari 10.1+
Firefox 63+
Edge 79+
全部原生支持
IE 11, Edge 16-18
通过 polyfills 支持

Web Components 是一组以 Custom Elements v1 规范为中心的标准化浏览器 API,这是一种跨浏览器方式来定义和创建本质上新的 HTML 标签,并且是现已失效的 v0 规范的继承者。

Chrome、Firefox 和 Safari(包括 iOS)原生支持 Custom Elements! Edge 中的支持目前正在开发中。

对于没有原生支持的浏览器,可以帮助开发人员可以通过 polyfill 无缝地使用自定义元素,并且性能开销很小。

Stencil 使用动态 loader 仅在需要它的浏览器上加载自定义元素 polyfill。有了这个 polyfill,Stencil 的浏览器支持 Chrome(和所有基于 chrome 的浏览器)、Safari、Firefox、Edge 和 IE11。

Chrome 60+ Safari 10.1+ Firefox 63+ Edge 79+ Edge 16-18 IE 11
CSS Variables
Custom Elements
Shadow Dom
es2017
ES Modules
Stencil compiles with polyfills for features not supported natively
BackNext
Translators
Contributors