Mpx - 滴滴出行前端團隊開源的加強型小程序框架

圖爲滴滴出行技術團隊董宏平在小程序技術峯會分享 Mpx 應用

Mpx 是滴滴出行前端團隊在 2018 年 11 月份開源的一款致力於提升小程序開發體驗的加強型小程序框架，經過 Mpx，可以以最早進的 web 開發體驗(Vue + Webpack)來開發生產性能深度優化的小程序。

Mpx 的特性：

• 數據響應特性(watch/computed)
• 加強的模板語法(動態組件/樣式綁定/類名綁定/內聯事件函數/雙向綁定等)
• 深度性能優化(原生自定義組件/基於依賴收集和數據變化的setData)
• Webpack編譯(npm/循環依賴/Babel/ESLint/css預編譯/代碼優化等)
• 單文件組件開發
• 狀態管理(Vuex規範/多實例/可合併)
• 跨團隊合做(packages)
• 邏輯複用能力(mixins)
• 腳手架支持
• 小程序自身規範的徹底支持
• 支付寶小程序的支持

目前 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