滴滴开源小程序框架Mpx致力于改善小程序开发体验

文章链接：

如果您需要转载，请在正文中注明上述来源。其他来源无效，视为侵权

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

Mpx具有以下优异特性：

1.数据响应特性（观察/计算）

2.增强的模板语法（动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等）

3.深度性能优化（基于依赖关系收集和数据更改的本地自定义组件/setData）

4.Webpack编译（npm/循环依赖性/Label/ESLit/css预编译/代码优化等）

5.单文件组件开发

6.状态管理（Vuex规范/多实例/合并）

7.跨团队合作（包）

8.逻辑重用能力（mixin）

9.脚手架支撑

10.完全支持小程序自己的规范

11.支付宝小程序支持

开发团队表示，目前业界主流的小程序框架主要包括、和，它们将其他语法规范转换为小程序语法规范。我们称之为翻译框架。与上述三种不同，Mpx是基于小程序语法规范的增强框架。它使用Vue的优秀语法特性来增强小程序，而不是允许用户直接使用Vue语法来开发小程序。本设计主要基于以下考虑：

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

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

目前，Mpx框架已在滴滴广泛应用，支持滴滴出行、青桔单车、捷途电动自行车、营销、汽车服务等业务的小程序变现。在线运行稳定，收到了大量积极反馈。未来，我们将在继续迭代和优化框架的同时，继续跟进微信和支付宝的最新技术标准，也将适应更多的小程序平台。

由于设计的初衷和重点是增强小程序开发的体验，Mpx不提供跨H5甚至跨Native支持，但在实际业务中存在这样的需求。未来，开发团队将基于Mpx进行一些跨端尝试，同时仍在维护和升级Mpx，因为跨端意味着灵活性有限且缺乏能力，希望为用户提供第二选择。

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

有更多详细信息。