See how Stencil fits into the entire Ionic Ecosystem ->

Stencil is part of the Ionic Ecosystem ->

现在注册 • 企业网络研讨会：设计大规模系统

Build. Customize. Distribute. Adopt.

Stencil 是一个用于构建可复用、可扩展系统的工具链。基于 Web Components 标准创建，体积小、速度快且可在任意浏览器运行。

为什么是 Stencil ？

为以下提供设计系统和跨框架组件

神奇、可复用的 Web 组件编译器。在几秒钟内开始构建。

基于 Web Components
异步渲染
支持 TypeScript
单向数据流
组件预渲染
简单的组件懒加载
支持 JSX
无依赖组件

安装:

$ npm init stencil需要 NPM v6 以上

通过快速上手详细了解

Stencil 与任何 web 平台都不冲突。选择拥抱适配。

简单
借助优质的小型工具、微小的 API 和零配置，Stencil 帮助您摆脱困境，专注于工作。
体积小
快速的运行时间、预渲染和原生 Web 组件的原始功能使 Stencil 成为最快的编译器之一。
稳定可维护
在 Web 标准上设计系统并构建跨框架组件，摆脱框架束缚。

构建设计系统的完美工具

可确保一致的用户体验和品牌体验
Web components 可在任何设备或平台运行
跨团队或项目构建定制化的 UI 库

有兴趣了解有关使用 Stencil 构建设计系统的更多信息吗？

开箱即用超棒的开发体验。

通过 dev-server 构建以提供热更新功能
截屏虚拟 UI 差异
自动生成组件文档
(包括 css 变量)

为所用的 app 构建一个组件库。

Stencil 组件只是 Web 组件，因此它们适用于任何主要框架或直接使用。

了解 Stencil 如何与:

关于 Stencil 的故事

Stencil 旨在为 Ionic 的组件提供支持，Ionic 是一种跨平台移动开发技术堆栈，全球超过 500 万开发人员使用。

构建组件编译器

查看 v1 公告

观看发布视频