stenciljs ionic 团队开发的方便web 组件框架
2018-09-26 14:04
561 查看
stenciljs 是ionic 团队开发的方便组件话开发的js 框架,具体以下特点
- 简单,零配置,简单的api,typescript 支持
- 性能,压缩之后6Kb,支持ssr,以及强大的原生web component 支持
- 基于web 标准,同时方便的和ng ,vue ,react ,ember 集成
简单demo
- 创建基本项目
npm init stencil
- 选择类型
初始化可能有点慢
- package.json 修改或者更新Stencil(当前默认生成的有bug)
修改为如下: "dependencies": { "@stencil/core": "^0.13.0-14", "@stencil/router": "^0.2.8", "request": "^2.88.0" } 更新 Stencil: npm install @stencil/core@latest --save-exact
- 安装依赖
yarn or npm install
- 运行项目
yarn start or npm start
- 效果
- 构建生产可用版本
yarn build
- 效果
可以看到添加了google 的workbox 进行pwa 的支持
参考资料
https://stenciljs.com/docs/getting-started
https://github.com/ionic-team/stencil/issues/1106
相关文章推荐
- 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用
- Web前端开发比较有用的框架和组件
- 基于MVC4+EasyUI的Web开发框架之附件上传组件uploadify的使用
- 推荐一些web前端开发比较有用的框架和组件
- RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件Web业务平台
- Portal-Basic Web 应用开发框架:应用篇(六) —— 公共组件
- RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件Web业务平台
- 基于EXTJS4.0桌面组件开发的多系统切换WEB框架
- Portal-Basic Java Web 应用开发框架:应用篇(六) —— 公共组件
- (转)基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用
- ionic—基于web的移动端app开发框架(CSS篇1)
- 一个自己开发的简单,快速,方便,小巧的php web框架
- web开发可选用优秀开源组件、框架
- 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用
- RDIFramework.NET ━ .NET快速信息化系统开发框架 ━ 工作流程组件Web业务平台
- web前端开发比较有用的框架和组件
- Ionic:一款用web技术开发类似原生App的神乎其技的html5框架
- 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用
- 基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用 - 伍华聪
- 初识Web 应用框架--JHipster以及跨平台移动开发ionic