Mpx 是滴滴开源的一款致力于提高小程序开发体验的增强型小程序框架,通过 Mpx ,我们能够最先进的 web 开发体验 (Vue + Webpack) 来开发生产性能深度优化的小程序,Mpx 具有以下一些优秀特性:
- 数据响应特性 (watch/computed)
- 增强的模板语法(动态组件/样式绑定/类名绑定/内联事件函数/双向绑定等)
- 深度性能优化(原生自定义组件/基于依赖收集和数据变化的 setData)
- Webpack 编译 ( npm/循环依赖/Babel/ESLint/css 预编译/代码优化等)
- 单文件组件开发
- 状态管理 (Vuex 规范/多实例/可合并)
- 跨团队合作 (packages)
- 逻辑复用能力 (mixins)
- 脚手架支持
- 小程序自身规范的完全支持
- 支付宝小程序的支持
安装使用
# 安装mpx命令行工具
npm i -g @mpxjs/cli
# 初始化项目
mpx init <project-name>
# 进入项目目录
cd <project-name>
# 安装依赖
npm i
# development
npm run watch
# production
npm run build -p
Copy
使用小程序开发者工具打开项目目录下的dist文件夹即可进行预览调试和发布。
此版本更新内容如下:
Bugfix
- 修复i18n中的组件内的locale在reLaunch后无法同步到最新值的bug
New Feature
- 重构输出web时对于小程序路由系统的模拟,建立虚拟页面栈并基于该历史栈控制页面组件的销毁与创建,完全还原小程序页面路由的行为
- 输出web中tap时间支持target
- webpack-plugin新增配置项postcssInlineConfig,形如{options?:PostcssOptions, plugins?:PostcssPlugin[], ignoreConfigFile:Boolean},用于定义mpx对于组件/页面样式进行postCss处理时的配置,ignoreConfigFile传递为true时会忽略项目中的postcss配置文件
- webpack-plugin新增配置项transRpxRules用于取代原本在mpx-loader中传递的transRpx配置,格式与原来保持一致