滴滴开源小程序框架Mpx

滴滴WebApp团队近日宣布开源Mpx，这是一个致力于改善小程序开发体验的增强小程序框架。有了Mpx，开发人员可以使用最先进的web开发经验(Vue Webpack)开发小程序，对生产性能进行深度优化。

Mpx具有以下优秀特性：

响应特性(观察/计算)

增强的模板语法(动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等。)

深度性能优化(基于依赖项收集和数据更改的本机自定义组件/数据集)

Webpack编译(npm/循环依赖/Babel/ESLint/css预编译/代码优化等。)

单文件组件开发

管理(Vuex规范/多实例/可合并)

跨团队合作(包)

逻辑可重用性(混合)

脚手架支撑

小程序自身规范的完全支持

支持支付宝小程序

据开发团队介绍，目前业界主流的小程序框架主要包括WePY、mpvue和Taro，它们都将其他语法规范翻译成小程序语法规范，我们称之为翻译框架。与以上三种不同，Mpx是基于小程序语法规范的增强框架。vue中优秀的语法特性被用来增强小程序，而不是让用户直接使用Vue语法来开发小程序。采用这种设计的原因主要基于以下考虑：

翻译框架不能支持源框架的所有语法特性(如Vue模板中的动态特性或React中动态生成的jsx)，用户在使用源框架语法进行开发时可能会遇到意想不到的错误和不确定性。

小程序本身的技术规范也在不断更新和完善，很多新的技术规范在翻译框架中无法得到支持或者需要很高的支持成本。对于增强框架，只要新的技术规范与增强功能不冲突，就可以直接支持。

目前，Mpx框架已经在滴滴得到广泛应用，支持滴滴出行、绿橙单车、街兔摩托、营销、车服等业务小程序的实现。上线运行稳定，收到了很多好评反馈。未来，在不断迭代优化框架的同时，我们将继续遵循微信和支付宝的最新技术标准，同时在更多小程序平台上进行适配。

因为设计的初衷和重点是提升小程序的开发体验，所以Mpx不支持跨H5甚至跨Native。然而，现实商业中却有这样的需求。未来开发团队会在Mpx的基础上尝试跨端，同时会继续维护升级Mpx，因为跨端意味着灵活性有限，能力不足，希望能给用户提供第二选择。

Mpx与行业主流小程序框架异同比较