浅谈Kbone框架

浅谈Kbone框架

Kbone是腾讯开发的解决微信小程序和Web端同构的框架。简单来说就是只写一套代码，编译结果可以在web端和小程序上运行。

Web端的编译打包结果会自动启动在本地端口，小程序端的内容则需要手动将结果在开发者工具中打开。

一、Kbone特点

1.支持多种前端框架，如：vue、react、preact等，并且能够保持该框架的完整；
2.页面渲染的内容需要用js中的document方法来渲染，提供常用的DOM/BOM接口；
3.小程序端开发仍可使用小程序本身特性；
4.更专注于微信和小程序的开发；
5.Webpack与Kbone是强耦合的，开发需借助Webpack提供的基本依赖

二、如何新建一个Kbone项目？

1.安装脚手架并初始化项目
npm i –g kbone-cli
kbone init project

2.切换目录
cd project

3.项目运行
npm run mp（小程序端）
npm run web（web端）

三、如何现有的项目转换成Kbone项目？

页面编写的代码需要放在js文件中，在kbone项目中，要把入口文件暴露在creatApp()方法中，打包时需要将creatApp()方法挂载在window。具体操作如下：

1.安装webpack脚手架