增强型小程序框架:Mpx 2.5.20

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配置,格式与原来保持一致

更新说明

下载地址:

https://gitee.com/didiopensource/mpx

给TA打赏
共{{data.count}}人
人已打赏
开发工具开源资讯

跨平台模拟器RetroArch 1.8.8

2020-5-27 9:20:17

开发工具开源资讯

微软开源 Windows 软件包管理器 winget,一行命令安装软件

2020-5-28 11:27:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索