8

mpx1.jpg
图为滴滴出行技术团队董宏平在小程序技术峰会分享 Mpx 应用

Mpx 是滴滴出行前端团队在 2018 年 11 月份开源的一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx,能够以最先进的 web 开发体验(Vue + Webpack)来开发生产性能深度优化的小程序。

Mpx 的特性:

  • 数据响应特性(watch/computed)
  • 增强的模板语法(动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等)
  • 深度性能优化(原生自定义组件/基于依赖收集和数据变化的setData)
  • Webpack编译(npm/循环依赖/Babel/ESLint/css预编译/代码优化等)
  • 单文件组件开发
  • 状态管理(Vuex规范/多实例/可合并)
  • 跨团队合作(packages)
  • 逻辑复用能力(mixins)
  • 脚手架支持
  • 小程序自身规范的完全支持
  • 支付宝小程序的支持

mpx 架构.jpg

目前 Mpx2.0 正式发布!支持目前业内全部小程序平台及跨小程序平台编译,点此查看详情点此查看迁移指南

Mpx2.0 版本新增的主要特性:

  • 完整支持了目前业内已发布的所有小程序平台(微信,支付宝,百度,qq,头条);
  • Mpx小程序跨平台开发,支持将已有的Mpx微信项目编译输出到其他已支持的小程序平台中运行,点击查看详情
  • 小程序原生组件跨平台编译,支持将已有的微信原生组件编译输出到其他已支持的小程序平台中运行;
  • 深度分包优化,编译过程中进行精准分包资源判断,所有分包only的资源(组件、js、外部样式、外部模板、wxs,图像媒体等)都会精确输出到分包目录中;
  • render函数中完整支持wxs模块,关于render函数点击查看详情
  • 支持了模板引入,内联wxs,自定义tabbar,独立分包,workers,云开发等原生能力,进一步完善原生兼容性。

同业内主流的小程序跨端框架相比,Mpx更专注于小程序开发本身,在小程序开发中具备以下优势:

  • 基于小程序自身的技术标准进行增强,没有进行过重的DSL转换,开发时遇到的坑会更少;
  • 完全兼容原生小程序技术规范,0成本迁移原生小程序项目;
  • 跨平台开发以跨小程序平台为目标,大部分差异抹平工作在编译阶段进行,大大减少运行时适配层增加的包体积;
  • 支持业内微信小程序组件库(如vant、iView等)直接转换到其他小程序平台运行;
  • 非常重视小程序性能,提供了深度的setData和包体积优化。

关于Mpx更详细的介绍可以查看官方文档这篇文章

感兴趣的同学们可以关注 Github 项目地址:https://github.com/didi/mpx


思否编辑部
4.3k 声望116.9k 粉丝

思否编辑部官方账号,欢迎私信投稿、提供线索、沟通反馈。