首页Cross-platformdidi/mpx
didi

mpx

Frontend#Mini Program#Cross-platform#Vue#Webpack#TypeScript
前往 GitHub →
3,885

// 项目简介

Mpx 是一款致力于提升小程序开发体验和性能的增强型跨端框架,支持以类 Vue 的开发方式高效构建应用。该框架通过深度性能优化和轻量化运行时,实现了在多个小程序平台及 Web 端的同构输出。开发者可以利用其强大的编译构建能力和完善的生态工具,轻松实现跨平台开发与渐进式接入。

// 技术分析

Mpx 是一款基于小程序原生语法进行增强的跨端开发框架,其核心设计理念在于通过对原生能力的扩展而非简单的框架迁移,从而在保持小程序原生开发确定性的同时,提供类 Vue 的高效开发体验。该框架通过轻量级的运行时(压缩后仅 14KB)和基于模板渲染函数的数据依赖跟踪,实现了业内领先的性能表现。其架构支持跨平台编译,能够将一套代码高效输出至微信、支付宝、百度、字节跳动、QQ、京东、快应用及 Web 平台,极大地解决了多端适配的开发痛点。

// 核心亮点

01
提供类 Vue 的开发体验,支持数据响应式、组合式 API、计算属性及 watch 等高级特性。
02
具备极致的运行时性能,框架核心体积仅 14KB,并支持精细化的包体积优化。
03
强大的编译构建能力,基于 Webpack 5 构建,支持持久化缓存及完善的 npm 分包输出。
04
实现了一套代码跨多平台运行,支持微信、支付宝、百度、字节、QQ、京东及 Web 等主流平台。
05
完整兼容小程序原生技术规范,支持渐进式接入,确保开发者可无缝使用现有的小程序生态。
06
内置丰富的功能支持,包括 TypeScript 类型推导、I18n 国际化、原子类 CSS 以及 SSR 服务端渲染。

// 典型使用场景

01
一套代码跨平台输出至微信、支付宝、百度、字节、QQ、京东及 Web 等多个端
02
提供类 Vue 的开发体验,支持组合式 API、数据响应式及单文件组件开发
03
通过轻量化运行时与编译优化,实现高性能的小程序应用构建

// 快速开始

开发者可通过 npm 全局安装 @mpxjs/cli 工具,使用 'mpx create <项目名>' 命令初始化项目。安装依赖后,运行 'npm run serve' 即可启动开发环境,通过小程序开发者工具打开生成的 dist 目录进行预览。