2019-03-18|2019-03-18 mpvue 和 Chameleon 的使用体验 2019-03-18mpvue和Chameleon的使用体

最近团队的项目，越来越壮大，导致我们没法同时制作小程序和h5页面，虽然改写起来并不难，但是当需求变多，我们的时间就被挤压得一干二净了，只能先优先h5的迭代。看到这种情况，感觉小程序被我抛弃了的感觉，于是开始了解mpvue 和Chameleon。
使用了一段时间，今天来总结一下我的使用体验：
1 定义
使用框架，知道框架是干什么的。

【2019-03-18|2019-03-18 mpvue 和 Chameleon 的使用体验】mpvue 是一个使用 Vue.js开发小程序的前端框架。
Chameleon/k??mi?l??n/，简写CML，中文名卡梅龙；中文意思变色龙，意味着就像变色龙一样能适应不同环境的跨端整体解决方案。

可以了解到，mpvue是开发小程序的前端框架，chameleon是用来解决多端开发的解决方案。现在可以说，这两个基本符合我项目的技术痛点，但它们如何解决多端问题，还有能否顾及我的旧代码，迁移轻松些。带着这样的问题，进入下一步。
2 快速上手
在mpvue中，首先开发起来，基本的语法规范都和Vue.js是一样的，因为它继承自vue，在这点上倒没觉得有什么难度。生命周期这里可以看看，尽量使用vue的生命周期。然后介绍一些不支持的写法和函数。最后告诉说支持ts。
在chameleon里，我在FAQ里看到一个问题，框架有点大，性能是否有影响。其实在微信开发中，我们需要关注开发后的代码打包的大小。因为微信小程序有规定，打包后的大小不可以超过2MB。我初始化后的mpvue的wx大小为226kb
下面是chameleon的打包的大小

2019-03-18|2019-03-18 mpvue 和 Chameleon 的使用体验

文章图片
chameleon打包后的大小 3 实操运行
运行npm run dev ，此时dist里出现了一个wx文件夹，里面是转换好的微信项目，可以直接拿来使用，当然也可以直接把整个项目放进微信开发者工具里，也是ok的。
和mpvue不同的一点是，chameleon会在dist里生成web、weex、wx的文件夹，可以相应的执行相应代码。我觉得weex我不太需要，于是它也有针对：只跨web和小程序的应用，只需要修改其中的配置项为web和wx就ok了。奈斯
这是我从入门级对这两个框架的比较。所以目前从文档感觉chameleon胜出。但还是要实操才知道里面的坑到底多不多。