todo.vue
在上面的入口图可以看到，源码目录中，除了入口文件分开之前，页面文件就是共用的了，这里直接使用 Vue 的写法即可，不用做特殊的适应。
配置
写完代码之后，我们要怎么跑项目呢？这时，配置就派上用场啦。
Web 端配置为正常的 Vue 配置，小程序端配置与 Web 端配置的唯一不同就是需要引入
mp-webpack-plugin 插件来将 Vue 组件转化为小程序代码。
构建代码
接着，我们需要构建代码，让代码可以运行到各自的运行环境中去。构建完成后，生产代码会位于 dist 目录中。
// 构建 web 端代码
// 目标代码在 dist/web
npm run build// 构建小程序端代码
// 目标代码在 dist/mp
npm run mp
小程序端 的构建会比 Web 端的构建多一个步骤，就是 npm 构建。
进入
dist/mp 目录，执行
npm install 安装依赖，用开发者工具将
dist/mp 目录作为小程序项目导入之后，点击工具栏下的
构建 npm ，即可预览效果。效果
最后，我们来看一下 todo 的效果。kbone 初体验，done~
todo 代码可到 kbone/demo13 自提。
最后
如果你想了解更多 kbone 相关的使用及详情，可移步 kbone github 。
总结
以上所述是小编给大家介绍的使用kbone解决Vue项目同时支持小程序问题，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！
