数据管理 开始 在 mpx 组件中获得 store 状态 Getter 提交载荷（Payload） Action 模块的局部状态 多实例

跨平台输出web 技术实现 使用方法 支持范围 模板指令 事件绑定方式 事件名称 基础组件 生命周期 组件配置 组件API 全局API JSON配置 拓展能力 跨平台输出web 从2.3.0版本开始，Mpx开始支持将已有项目跨平台输出web平台中运行的能力，由于该能力目前还处于持续开发阶段，目前仅支持将一些简单的运营类的小程...

引用线上资源 引用线上资源 小程序原生支持在wxss 和wxml 中使用线上资源，这点和开发web应用没有太多区别。 无需任何配置，就可以直接在.mpx 中引用线上资源。 webpack.config.js webpackconfig = { // 不需要配置 } index.mpx <template> ...

Options Options 参数名称 类型 含义 是否必填 默认值 备注 platform Object 各平台之间的转换 否 { from:’’, to:’’ } 使用 mpx 脚手架配置会自动进行转换，无需配置 exclude Array(String) 跨平台时不需要转换的 api - ...

css预处理器 css预处理器 mpx 支持所有主流的css预编译处理 ，只需要在<style> 的lang 中设置使用的预编译语言（stylus/less/sass等） 并且安装对应的webpack-loader 即可正常使用。 示例： <template> <view class = "container" > ...

数据管理 数据管理 我们对比了redux和vuex的设计，觉得vuex的设计更加地简单易用，最终参考了vuex的设计提供了一套数据管理方案，与vuex不同的是，我们提供了完善多实例store模式管理方案，以方便更加复杂的业务场景进行使用。 这是一个简单的例子： 开始 和Vuex类似，我们的mpx内置store主要有以下核心概念： 开始 ...

图像资源处理 图像资源处理 小程序对于图片资源存在一些限制，使得习惯开发web应用的开发者面对小程序时无法理解差异性 mpx提供了@mpxjs/url-loader 对小程序中各种资源加载方式进行处理。 (该loader已被默认整合进 MpxWebpackPlugin.loader) 本文会从使用的角度出发，介绍小程序既有的对图像资源的限制，以及...

体积优化指南 体积优化指南 由于微信小程序限制主包体积为2M，较复杂的应用可能需要尽可能进行体积优化。 分包是微信小程序中优化包体积的核心手段(类似于异步按需加载)，Mpx对其进行了完善的支持，可以精确地标记出分包only的资源。此外还可以从按需构建及分析构建结果等方面下手。 尽量让纯分包用的代码和主包用的代码分离（即让资源成为分包only的）...

导出(Export) 导入(Import) 使用方式 相关链接 导出(Export) 即 将Chameleon可重用组件导出 给普通项目使用，或者说 某端普通项目里面使用Chameleon可重用组件。 导入(Import) 即 在Chameleon可重用项目中导入 普通项目产出的组件，或者说 可重用代码Chameleon项目使用某端...

数据响应与性能优化 数据响应与性能优化 数据响应作为Vue最核心的特性，在我们的日常开发中被大量使用，能够极大地提高前端开发体验和效率，我们在框架设计初期最早考虑的就是如何将数据响应特性加入到小程序开发中。在数据响应的实现上，我们引入了MobX，一个实现了纯粹数据响应能力的知名开源项目。借助MobX和mixins，我们在小程序组件创建初期建立了一个响...