如何用kbone技术让Vue项目无缝适配小程序？

本文共计1156个文字，预计阅读时间需要5分钟。

kbone+微信小程序开发过程中，开发者常会遇到小程序与Web端结合的需求。由于小程序与Web端的运行环境不同，开发者往往需要维护两套相似的代码。这对开发者来说，比较挑战。

什么是kbone

微信小程序开发过程中，许多开发者会遇到 小程序 与 Web 端一起的需求，由于 小程序 与 Web 端的运行环境不同，开发者往往需要维护两套类似的代码，这对开发者来说比较耗费力气，并且会出现不同步的情况。

为了解决上述问题，微信小程序推出了同构解决方案 kbone 来解决此问题。

那么， kbone 要怎么使用呢？这里我们将通过一个 todo 的例子来跟大家讲解。

基本结构

首先，我们来看下一个基本的 kbone 项目的目录结构（这里的 todo 是基于 Vue 的示例， kbone 也有 React ， Preact ， Omi 等版本，详情可移步 kbone github ）。

因为 kbone 是为了解决 小程序 与 Web 端的问题，所以每个目录下的配置都会有两份（小程序 与 Web 端各一份）

入口

不管是 小程序 端还是 Web 端，都需要入口文件。