【Github】项目名：Tencent/kbone：实现微信小程序与Web端同构的方案
项目简介
由于微信小程序底层模型和Web端不同，无法直接迁移Web端代码到小程序环境执行，kbone应运而生。它创建了一个适配器，在适配层模拟浏览器环境，使Web端代码能基本不改动就在小程序里运行。例如有代码片段https://developers.weixin.qq.com/s/R9Hm0Qm67Acd可查看效果。并且它有诸多优势，如多数流行前端框架可运行，支持完整前端框架特性，提供常用dom/bom接口方便代码迁移，在小程序端运行时还可使用小程序特性，也提供Dom扩展接口等。
项目使用方式
-
使用kbone – cli快速开发
先安装kbone – cli（npminstall – gkbone – cli），创建项目（kboneinitmy – app），再按照README.md指引开发，开发小程序端用npmrunmp，开发Web端用npmrunweb，构建Web端用npmrunbuild，项目基于webpack构建，可查看相关配置文档。
-
使用模板快速开发
可直接clone现有模板，如Vue、React、kbone – ui、Preact、Omi项目模板，然后按README.md指引开发。
-
手动配置开发
基于webpack构建实现，若不想用官方模板，需补充构建到小程序代码的webpack配置和特殊插件mp – webpack – plugin配置，可查看具体配置方式。
相关项目kbone – ui
kbone – ui是能同时支持小程序(kbone)和vue框架开发的多端UI库，可基于kbone同时开发小程序和H5，也可单独开发H5应用，支持Vue语法在H5端和小程序端运行，对齐微信weui样式组件，有详细文档说明。
项目总结
kbone提供了一种将Web端与微信小程序同构的解决方案，有自己的优势，但也并非万能。它以一定性能损耗换取Web端特性支持。若对小程序性能要求苛刻或页面节点数很多时需考虑其他方案。欢迎大家在评论区留言讨论这个项目。