babel


An enhanced miniprogram framework with data reactivity and deep optimizition.

Build Status

简介

Mpx是一款致力于提高小程序开发体验的增强型小程序框架，通过Mpx，我们能够最先进的web开发体验(Vue + Webpack)来开发生产性能深度优化的小程序，Mpx具有以下一些优秀特性：

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

使用

  1. # 安装mpx命令行工具
  2. npm i -g @mpxjs/cli
  4. # 初始化项目
  5. mpx init <project-name>
  7. # 进入项目目录
  8. cd <project-name>
  10. # 安装依赖
  11. npm i
  13. # development
  14. npm run watch
  16. # production
  17. npm run build -p

打开微信开发者工具打开项目目录下的dist文件夹即可预览效果。

文档

https://didi.github.io/mpx

生态周边

包名 版本 描述
@mpxjs/core npm version mpx微信运行时核心
@mpxjs/core-ant npm version mpx支付宝运行时核心
@mpxjs/webpack-plugin npm version mpx编译核心
@mpxjs/fetch npm version mpx网络请求库，处理wx并发请求限制
@mpxjs/promisify npm version 将小程序的api转为promise
@mpxjs/url-loader npm version 处理wxss中图像资源只能用base64引用

交流

微信交流群

微信交流群

来源(书栈小编注)

https://didi.github.io/mpx/