m8-framework-mcp 1.0.0

package/docs/m8mpdoc-develop/015-/345/267/245/347/250/213/345/214/226/multiple.md

@@ -0,0 +1,160 @@
+# 移动前端框架H5多模块构建
+
+## 背景
+
+项目产品在开发建设过程中提出希望H5构建能指定模块构建，而不是整个项目构建功能。便于将没有强关联的模块分开构建，便于更新维护。
+
+## 版本支持：
+
+移动跨端框架在`v8.3.11`版本中新增了多模块构建支持。
+
+## 配置方式：
+
+H5多模块构建需要2个配置:
+
+ - config.js中开启配置项`isH5Multiple`;
+ - 工程根目录新增`multiple.json`指定多模块名称与对应的具体模块。
+
+ 通过配置指定需要一起构建的模块，便于维护。
+
+### config.js配置：
+
+在`src/shared/config.js`中新增了`isH5Multiple`配置项，用于是否开启多模块构建支持。
+
+```js
+/**
+ * H5下是否开启多模块构建
+ */
+isH5Multiple: true,
+```
+
+### multiple.json配置：
+
+代码工程新增 multiple.json 配置文件，用于定义多模块构建的名称与模块路径：
+
+```json
+[
+    {
+        "multipleName": "multipleNameA",
+        "multiplePages": [
+            "pages/index",
+            "modules/innerlogin"
+        ]
+    },
+    {
+        // ...
+    }
+]
+```
+
+`multipleName`为这个多模块的名称，用于构建时选择；
+`multiplePages`为这个多模块包含的具体模块，填写`src/pages`或`src/modules`下需要一起构建的模块名称。
+
+
+## 构建方式：
+### VSCode开发插件支持
+
+配置好后，使用VSCode开发插件进行H5应用构建时，会自动识别多模块配置，弹出选择框，选择需要构建的模块，进行构建。
+
+![](assets/015/multiple-vscode.png)
+
+### npm命令行构建：
+
+同样可以使用npm命令构建，新增`multipleName`参数：
+
+本地调试：
+```bash
+npm run dev:h5 -- --multipleName=multipleNameA --buildType=dev --moduleType=h5
+```
+
+本地构建：
+
+```bash
+npm run build:h5 -- --multipleName=multipleNameA --buildType=build --moduleType=h5
+```
+
+## 构建后资源：
+构建后资源仍然在dist目录下，目录结构与正常构建一致。仅会在dist目前下新增一份`multiple.json`文件说明当前构建的多模块信息。
+
+### 批量构建多模块
+
+在`8.3.13`版本中，增加了npm命令：`npm run multiple:all`。用于批量构建配置在`multiple.json`中的多模块。
+
+命令执行后，会自动根据配置的multipleName运行构建脚本，构建后的文件以zip压缩包的形式存放在`dist/build/multiple`目录下。
+
+#### 批量构建zip目录层级
+`multiple.json`配置支持配置多模块zip目录层级，配置项为`options.zipDirectory`，用于压缩zip多一层模块层级。配置示例：
+
+```
+[
+    {
+        "multipleName": "multipleNameA",
+        "multiplePages": [
+            "module"
+        ],
+        "options": {
+            "zipDirectory": "multipleNameA"
+        }
+    },
+    {
+        "multipleName": "multipleNameB",
+        "multiplePages": [
+            "todo",
+            "mail"
+        ],
+        "options": {
+            "zipDirectory": "multipleNameB"
+        }
+    }
+]
+```
+___
+## 多模块优缺点：
+
+### 优点：
+多模块之间相互隔离，避免改动的内容影响到其他模块。
+多模块之间配置内容独立，不影响其他模块。
+做到构建相对独立的模块不会互相影响其他多模块的一切功能。
+
+### 缺点：
+多模块构建后，在服务端的部署形式，一般变为不同多模块/index.html的形式，例如：
+
+```
+frame/H5
+  |—— multipleNameA
+  |   |—— —— static
+  |   |    |—— —— js
+  |   |        |—— —— chunk-vendors.[hash].js
+  |   |        |—— —— index.[hash].js
+  |   |—— —— index.html
+  |   |—— —— multiple.json
+  |—— multipleNameB
+  |   |—— —— ...
+  |   |—— —— index.html
+  |   |—— —— multiple.json
+  |—— multipleNameC
+  |   |—— —— ...
+  |   |—— —— index.html
+  |   |—— —— multiple.json
+```
+
+开发人员在开发过程需要理解多模块分包构建后的资源结构形式：
+- 多模块之间如果存在页面跳转，需要跳转到对应的多模块目录下的index.html页面搭配对应模块路由地址。
+- 当应用为history路由跳转模式时，根据规范要求：
+  - 构建时需要指定完整url路由的配置，例如：
+    - 当构建多模块multipleNameA时，构建需要指定
+      - publicPath为http://ip:port/xx/H5/multipleNameA
+      - VueRouter的base为xx/H5/multipleNameA
+    - 当构建多模块multipleNameB时，构建需要指定
+      - publicPath为http://ip:port/xx/H5/multipleNameB
+      - VueRouter的base为xx/H5/multipleNameB
+  - 访问不同多模块下的页面，需要服务端响应不同多模块的index.html资源，例如：
+    - 当访问http://ip:port/xx/H5/multipleNameA/module/helloworld，服务端需要响应multipleNameA/index.html资源
+    - 当访问http://ip:port/xx/H5/multipleNameB/todo/list，服务端需要响应multipleNameB/index.html资源
+
+相比以往H5开发流程，为了多模块互相隔离，一定程度上增加了开发人员的心智负担。即使做成配置项自动生成，仍然需要增加配置开关，开发需要理解了解如何配置完整url前缀，理解改动为多模块相比以往的差异等。
+
+***需要项目产品负责人根据实际情况，权衡多模块构建的优缺点，决定是否使用多模块构建。***
+
+___
+如果仅需要更新时只更新修改模块，而不是整个项目，可以考虑使用路由懒加载。将模块路由配置文件router.js中开启分包模式即可。

package/docs/m8mpdoc-develop/015-/345/267/245/347/250/213/345/214/226/neui/345/272/224/347/224/250/346/236/204/345/273/272.md

@@ -0,0 +1,111 @@
+# neui 应用构建
+
+移动前端端框架版本`v8.4.3-beta.0`开始，支持构建新点小程序`neui`应用。
+
+<!-- 移动前端端框架版本`v8.3.11`开始，对接新点小程序 2.0 的 weex 端。`Util`工具库及部分跨端 UI 组件支持 weex 端调用，`EJS`支持 weex 端调用。
+
+## weex 开发注意
+
+与传统 H5 开发相同，跨端框架构建的`weex`应用 css 宽度基准值为`375`，表示根据`750px`的设计稿开发时，css 单位需要除 2。（原生开发需要注意）
+
+跨端框架构建的`weex`应用支持`ejs.page.open`路由跳转，支持`Vuex`进行状态管理。
+
+路由定义、状态管理、组件使用方式、Util使用方式、EJS使用方式与正常开发跨端应用一致。 -->
+
+### NEUI 开发：
+
+NEUI 开发请参考 [NEUI 应用开发指南](https://app.epoint.com.cn/autodeploy/api/7VvmI3)
+
+<!-- 由于移动前端跨端框架基于标准 weex 能力进行构建并且与新点小程序 2.0 容器标准 weex 环境对接，所以不支持 uniapp 特有功能。 -->
+
+<!-- | 组件               | 支持情况 | 备注                                                                                 |
+| :----------------- | :------- | :----------------------------------------------------------------------------------- |
+| `uniapp`内置组件   | 不支持   |                                                                                      |
+| `uniapp`内置 JSSDK | 不支持   |                                                                                      |
+| `uniapp`生命周期   | 不支持   |                                                                                      |
+| `weex`内置组件     | 支持     | [`weex`官方文档](https://weexapp.com/zh/docs/components/a.html)                      |
+| `weex`内置 API     | 支持     |                                                                                      |
+| `weex`生命周期     | 支持     |                                                                                      |
+| 跨端框架 UI 组件   | 部分支持 | 支持情况[weex 计划表](https://epointfe.feishu.cn/sheets/shtcnbVWr62tIxDWR0XwJFmOd3f) |
+| 跨端框架 Util 工具 | 支持     |                                                                                      |
+| 跨端框架 ejsapi    | 支持     | [ejsv4 跨端文档](http://app.epoint.com.cn/ejs4mpdoc/index/index.php#page=changelog)  | -->
+
+<!-- ### 条件编译
+
+使用条件编译时，weex 端的平台名称为`app-plus`。 -->
+
+---
+
+## 构建调试
+
+<!-- ### 基于新点小程序 2.0 构建调试 weex 端
+
+跨端框架已内置了 weex 端的示例模块`src/pages/weexapp`，开发者可参考该模块进行开发。 -->
+
+跨端框架构建至新点小程序端已支持新点小程序neui模式，需要在工程根目录下的 `plugin.json` 配置文件中，将模块 miniH5Type 设置为 neui 。
+
+```json
+[
+    {
+        "moduleName": "neui",
+        "indexURL": "pages/page1/index",
+        "multiplePages": [
+            "pages/index",
+            "pages/page1"
+        ],
+        "appId": "neui-appId",
+        "miniH5Type": "neui"
+    }
+]
+```
+
+moduleName： 为 neui 应用的构建名称，开发者可自定义，用于 VSCode 插件构建时选择
+
+indexURL： 为 neui 应用的首页地址
+
+multiplePages： 为 neui 应用的需要构建的模块范围，填写的模块路径会收集该模块下的 router 配置进行构建
+
+appId： 为 neui 应用的应用 ID，为 neui 应用的唯一标识。暂时未使用。
+
+miniH5Type 为 neui 应用的类型，固定为 neui
+
+### 插件启动命令
+
+编写完 neui 页面后，使用VSCode开发插件运行新点小程序相关命令，如果小程序plugin.json配置为neui模式，会自动启动 neui 端调试。
+
+#### 调试 && 构建：
+
+![](assets/015/weex-vscode.png)
+
+构建时仍然选择 新点小程序 下的命令。
+
+选择调试命令构建后，会自动在浏览器中弹出预览二维码。通过支持 neui 应用的 APP 扫描预览。修改代码后会自动增量编译，需要重新刷新 APP 页面访问。
+
+![](assets/015/neui-dev.png)
+
+### 手动执行命令
+
+不使用插件的情况下，可以使用以下命令进行编译：
+
+#### 调试：
+```
+npm run dev:mp-epoint --  --moduleType=mp-epoint-neui  --moduleName=neui --buildType=dev
+```
+
+#### 构建：
+```
+npm run build:mp-epoint --  --moduleType=mp-epoint-neui  --moduleName=neui --buildType=build
+```
+
+#### 条件编译
+
+可以使用`uniapp`提供的[条件编译](https://uniapp.dcloud.net.cn/tutorial/platform.html#%E4%BD%BF%E7%94%A8%E6%96%B9%E6%B3%95)功能，在构建时根据不同的平台配置不同的代码，在`neui`应用中可以使用`MP_EPOINT`变量来判断当前平台。
+
+```js
+// #ifdef MP-EPOINT
+    xxx
+// #endif
+```
+
+在`neui`应用中，`%PLATFORM%`变量的值为`MP-EPOINT`，表示当前平台为NEUI新点小程序。
+

package/docs/m8mpdoc-develop/015-/345/267/245/347/250/213/345/214/226/pages.md

@@ -0,0 +1,18 @@
+# 多人协同pages.json冲突解决方案
+
+移动前端跨端框架`v8.3.10`支持
+
+## 1. 背景
+
+产品项目反馈，在使用跨端框架开发过程中，跨端框架的路由管理文件pages.json是根据各模块下的router.js自动编译合并的。
+当多人一起重构新模块时，每个人本地模块不同，pages.json编译的不一样，当有人提交这个pages.json，代码拉取、提交会导致冲突。
+
+## 2. 解决方案
+
+- pages.json不再生成路由pages和分包路由subPackages信息。路由配置仍然根据各模块下router.js配置生效。
+- 在构建流程之前框架会预处理路由文件，单独生成至node_modules/@epoint-mrc/.cache/pages.router.json。不对代码工程版本管理暴露。开发过程仍然保持响应模块下的router.js改动自动生成。
+- 对构建过程中的fs引用代理，监听如果读取src/pages.json内容时响应node_modules/@epoint-mrc/.cache/pages.router.json内容。
+
+## 3. 示意图：
+
+![pages.json冲突解决方案](assets/015/pages.jpg)

package/docs/m8mpdoc-develop/015-/345/267/245/347/250/213/345/214/226/scss/345/217/230/351/207/217.md

@@ -0,0 +1,132 @@
+# SCSS变量
+
+    跨端框架scss变量位置为src/uni.scss
+
+M8移动前端框架默认已经引用，可以直接在scss样式中使用。
+
+文件的用途是为了方便整体控制应用的风格。比如按钮颜色、边框风格。文件里根据移动设计规范2.0，定义了一scss变量预置。
+
+跨端框架内置的UI组件都使用了这些变量。
+
+## 定义scss变量文件路径：
+
+```
+ejs.m8.project
+    ├── src
+    │   ├── uni.scss                         scss变量定义
+```
+
+## scss变量：
+
+```scss
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #2e6be5;
+$uni-color-success: #36B389;
+$uni-color-warning: #f79042;
+$uni-color-error: #e03f3f;
+$black: #000;
+
+/* 文字基本颜色 */
+$uni-text-color:#2E3033;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;// 辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #b8becc;
+$uni-text-color-disable:#8a8f99;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f5f6f7;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.6);//遮罩颜色
+$uni-bg-color-blue: #d8e4ff; //基座常用辅助色
+
+
+/* 边框颜色 */
+$uni-border-color:#dde0e4;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:12px;
+$uni-font-size-base:14px;
+$uni-font-size-lg:16px;
+
+$font-weight-bold: 500;
+$line-height-xs: 14px;
+$line-height-sm: 18px;
+$line-height-md: 20px;
+$line-height-lg: 22px;
+
+/* 图片尺寸 */
+$uni-img-size-sm:20px;
+$uni-img-size-base:26px;
+$uni-img-size-lg:40px;
+
+/* Padding */
+$padding-base: 4px;
+$padding-xs: $padding-base * 2;
+$padding-sm: $padding-base * 3;
+$padding-md: $padding-base * 4;
+$padding-lg: $padding-base * 6;
+$padding-xl: $padding-base * 8;
+
+/* Border Radius */
+$uni-border-radius-sm: 2px;
+$uni-border-radius-base: 3px;
+$uni-border-radius-lg: 6px;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 5px;
+$uni-spacing-row-base: 10px;
+$uni-spacing-row-lg: 15px;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 4px;
+$uni-spacing-col-base: 8px;
+$uni-spacing-col-lg: 12px;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:20px;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:18px;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:15px;
+
+// Animation，组件库额外添加的变量，动画相关
+$animation-duration-base: 0.3s;
+$animation-duration-fast: 0.2s;
+$animation-timing-function-enter: ease-out;
+$animation-timing-function-leave: ease-in;
+
+```
+
+## scss变量使用
+
+直接在vue组件的style标签中使用：
+
+```html
+<!-- css部分 -->
+<style lang="scss" scoped>
+h1 {
+    color: $baseBlue
+}
+</style>
+
+```
+
+## 颜色规范
+
+![](assets/015/scss.png)
+
+<style>
+img {
+    width: 900px
+}
+</style>

package/docs/m8mpdoc-develop/015-/345/267/245/347/250/213/345/214/226/subpage.md

@@ -0,0 +1,107 @@
+# 平台小程序分包
+
+因平台小程序有体积和资源加载限制：
+
+- 微信小程序每个分包的大小是2M，总体积一共不能超过20M。
+
+- 支付宝小程序每个分包的大小是2M，总体积一共不能超过8M。
+
+各家小程序平台提供了分包方式，优化小程序的下载和启动速度。
+
+所谓的主包，即放置默认启动页面/TabBar 页面，以及一些所有分包都需用到公共资源/JS 脚本；而分包则是根据`pages.json`的配置进行划分。
+
+在M8跨端框架下，平台小程序分包通过读取模块下的`router.js`中的配置识别。 
+
+## 配置分包模块
+
+在router.js新增`options`变量，配置当前是否是分包模块。
+
+配置options后，在最后导出时以对象类型导出。
+
+```js
+const routes = [
+    {
+        path: 'pages/m8showcase/index',
+        style: {
+            navigationBarTitleText: 'index'
+        }
+    }
+];
+
+const options = {
+    // 该模块是否自动分包处理
+    autoSubPackages: true
+};
+
+// 导出路由文件
+export default { routes, options };
+```
+
+假设支持分包的 目录结构如下：
+
+```
+ejs.m8.mobileframe
+    ├── src
+    │   ├── pages
+    │   │   ├── module               
+    │   │   │       ├── module.vue   
+    │   │   │       ├── router.js             
+    │   │   │       ├── store.js              
+    │   │   │       ├── mock.js              
+    │   │   ├── m8showcase           
+    │   │   │       ├── static        // 分包支持static静态资源分包 
+    │   │   │       ├── index.vue   
+    │   │   │       ├── router.js             
+    │   │   │       ├── store.js              
+    │   │   │       ├── mock.js                 
+```
+
+若此时`m8showcase`模块配置了分包加载，则主包包含分包`m8showcase`以外所有的资源。
+
+只在跳转到分包 `m8showcase` 目录下页面时，才会加载该分包中需要的资源。
+
+注意：
+
+- 多于一个分包或主包都要用到的资源，最终也会被打包到主包里。
+
+- 分包下支持独立的 `static` 目录，用来对静态资源进行分包。
+
+## 异步分包
+
+某些项目主包过大，且无法再细分为多个分包，这时可以通过将部分组件设为异步分包的方式来减小主包体积。
+
+### 异步分包原理
+
+页面在渲染时，会将异步分包中的组件先渲染为占位组件，加载完组件的异步分包后，再渲染真实组件。
+
+### 异步分包配置
+
+跨端框架`v8.3.5-beta.0`版本开始，在全局配置文件 `src/shared/config.js` 中新增了 `isAsyncPackages` 配置项，开启后可将跨端组件库设置为异步分包。
+
+若去掉跨端组件库后，主包体积仍然过大，项目需要整理主包中的组件，考虑将部分业务组件设为异步分包。
+
+跨端框架`v8.3.15-beta.0`版本开始，在全局配置文件 `src/shared/config.js` 中新增了 `customAsyncPackages` 配置项，用于自定义异步分包目录。
+
+`customAsyncPackages`配置项接受一个字符串数组，数组中的每个字符串代表一个异步分包目录，默认是src目录下的路径。
+
+假设业务组件全都存放在 `src/components/custom_components` 目录下：
+
+```
+ejs.m8.mobileframe
+    ├── src
+    │   ├── components
+    │   │   ├── custom_components               
+    │   │   │       ├── com1.vue   
+    │   │   │       ├── com2.vue             
+    │   │   │       ├── com3.vue                        
+```
+
+可配置 `customAsyncPackages` 为 `["components/custom_components"]` 来将`custom_components`目录设为异步分包。
+
+注意：
+
+- 由于异步分包的组件首次加载时会先渲染占位组件，所以使用异步分包中组件时，需要注意组件的生命周期，避免在组件未加载完成时去获取组件。
+
+- 只支持设置vue组件为异步分包，不支持设置页面或其他类型如js、css等资源为异步分包。
+
+- 多于一个分包或主包都要用到的资源，最终还是会被打包到主包里。

package/docs/m8mpdoc-develop/015-/345/267/245/347/250/213/345/214/226/weex/345/272/224/347/224/250/346/236/204/345/273/272.md

@@ -0,0 +1,106 @@
+# weex 应用构建
+
+移动前端端框架版本`v8.3.9`开始，支持构建标准`weex`应用。
+
+移动前端端框架版本`v8.3.11`开始，对接新点小程序 2.0 的 weex 端。`Util`工具库及部分跨端 UI 组件支持 weex 端调用，`EJS`支持 weex 端调用。
+
+## weex 开发注意
+
+与传统 H5 开发相同，跨端框架构建的`weex`应用 css 宽度基准值为`375`，表示根据`750px`的设计稿开发时，css 单位需要除 2。（原生开发需要注意）
+
+跨端框架构建的`weex`应用支持`ejs.page.open`路由跳转，支持`Vuex`进行状态管理。
+
+路由定义、状态管理、组件使用方式、Util使用方式、EJS使用方式与正常开发跨端应用一致。
+
+### 框架能力支持情况：
+
+由于移动前端跨端框架基于标准 weex 能力进行构建并且与新点小程序 2.0 容器标准 weex 环境对接，所以不支持 uniapp 特有功能。
+
+| 组件               | 支持情况 | 备注                                                                                 |
+| :----------------- | :------- | :----------------------------------------------------------------------------------- |
+| `uniapp`内置组件   | 不支持   |                                                                                      |
+| `uniapp`内置 JSSDK | 不支持   |                                                                                      |
+| `uniapp`生命周期   | 不支持   |                                                                                      |
+| `weex`内置组件     | 支持     | [`weex`官方文档](https://weexapp.com/zh/docs/components/a.html)                      |
+| `weex`内置 API     | 支持     |                                                                                      |
+| `weex`生命周期     | 支持     |                                                                                      |
+| 跨端框架 UI 组件   | 部分支持 | 支持情况[weex 计划表](https://epointfe.feishu.cn/sheets/shtcnbVWr62tIxDWR0XwJFmOd3f) |
+| 跨端框架 Util 工具 | 支持     |                                                                                      |
+| 跨端框架 ejsapi    | 支持     | [ejsv4 跨端文档](http://app.epoint.com.cn/ejs4mpdoc/index/index.php#page=changelog)  |
+
+### 条件编译
+
+使用条件编译时，weex 端的平台名称为`app-plus`。
+
+---
+
+## 构建调试
+
+### 基于新点小程序 2.0 构建调试 weex 端
+
+跨端框架已内置了 weex 端的示例模块`src/pages/weexapp`，开发者可参考该模块进行开发。
+
+跨端框架构建至新点小程序端已支持新点小程序2.0-weex模式，需要在工程根目录下的 `plugin.json` 配置文件中，将模块 miniH5Type 设置为 weex 。
+
+```json
+[
+    {
+        "moduleName": "weexapp",
+        "indexURL": "index.js",
+        "appId": "weex-38922651",
+        "version": "0.0.1",
+        "miniH5Type": "weex"
+    }
+]
+```
+
+### 插件启动命令
+
+编写完 weex 页面后，使用VSCode开发插件运行新点小程序相关命令，如果小程序plugin.json配置为weex模式，会自动启动 weex 端调试。
+
+#### 调试 && 构建：
+
+![](assets/015/weex-vscode.png)
+
+### 手动执行命令
+
+不使用插件的情况下，可以使用以下命令进行编译：
+
+#### 调试：
+```
+npm run dev:app-plus --  --moduleType=mp-epoint-weex  --moduleName=weexapp --buildType=dev
+```
+
+#### 构建：
+```
+npm run build:app-plus --  --moduleType=mp-epoint-weex  --moduleName=weexapp --buildType=build
+```
+
+编译完成后会自动在浏览器中弹出预览二维码，可通过 [Weex Playground](https://weexapp.com/zh/guide/playground.html) 进行扫码预览。也支持使用公司的测试 OA 进行扫码预览，在公司 OA 中预览时，需要在工程根目录下的 `plugin.json` 配置文件中，设置应用的相关信息，尤其是`appid`。
+
+调试时，可参照 weex 官方介绍的调试工具进行调试：[weex debug](https://weexapp.com/zh/guide/debug/debug.html)
+
+### 纯 weex 应用构建调试
+
+如果需要开发纯weex应用（非对接的新点小程序2.0weex端），仅能使用纯weex相关功能和跨端UI组件功能。
+
+| 组件               | 支持情况 | 备注                                                                                 |
+| :----------------- | :------- | :----------------------------------------------------------------------------------- |
+| `weex`内置组件     | 支持     | [`weex`官方文档](https://weexapp.com/zh/docs/components/a.html)                      |
+| `weex`内置 API     | 支持     |                                                                                      |
+| `weex`生命周期     | 支持     |
+| 跨端框架 UI 组件   | 部分支持 | 支持情况[weex 计划表](https://epointfe.feishu.cn/sheets/shtcnbVWr62tIxDWR0XwJFmOd3f) |
+
+(由于当前跨端框架内置的其他模块不符合 weex 写法，编译到 weex 端无法正常预览，当前需要指定模块编译，排除其他模块干扰)
+
+使用以下命令进行编译：
+
+#### 调试：
+```
+npm run dev:app-plus -- --moduleName=weexapp --moduleType=weex
+```
+
+#### 构建：
+```
+npm run build:app-plus -- --moduleName=weexapp --moduleType=weex
+```