SuperAPI AI 工具集

mpx2rn

设计与创作

查看项目

更新于 10-16 03:39

技能介绍

用途:Mpx2RN 是 Mpx 框架跨端输出 React Native 的开发与适配指南。Mpx 以微信小程序语法为基础并做类 Vue 语法拓展,可将同一套代码输出到小程序、Web 和 React Native;Mpx2RN 在编译时与运行时抹平模板、脚本、样式、JSON 配置四大维度的开发能力,但与小程序、Web 仍存在能力差异。

主要能力:提供通用约束与适配原则,以及模板、脚本、样式、JSON 配置、条件编译、环境 API、原子 CSS、混合开发等参考文档;附带编译校验脚本 scripts/compile-validate.js,基于宿主项目的 @mpxjs/mpx-cli-service 做真实编译校验,按 style/template/script/json/dependency/other 聚合错误与警告。

使用方式:动笔前先读 SKILL.md 通用约束,按需触发式读取相关参考小节,避免整文件预读。改造或新建组件后运行校验,例如:node <skill-root>/scripts/compile-validate.js src/components/foo.mpx --target=wx,ios,web。脚本参数含 --target、--type、--project-root、--no-ignore-sub-components、--json;退出码 0 通过、1 编译错误、2 运行期异常。

适用场景:Mpx2RN 技术方案设计、旧项目跨端适配改造、页面/组件开发迭代、编译与运行时报错排查、Code Review。不适用于仅面向小程序的 Mpx 开发、纯 RN 原生开发、Mpx2Web 问题。

限制:RN 平台页面默认不可滚动,onPullDownRefresh/onReachBottom/onPageScroll 不触发;仅基础通用事件支持冒泡捕获;模板 Mustache 不支持普通方法调用;id/dataset/data 为保留关键字;样式须单类选择器,禁用复合/伪类/伪元素;条件编译须最小化使用并避免空选择器。具体支持范围以各能力参考为准,资料未提供的细节暂未说明。