[RFC] 小程序的应用及页面配置如何编写？

[ChrisCindy]

Rax 怎么做？

应用配置

放置于 src/app.json 中，示例如下：

{
  "routes": [
    {
      "path": "/",
      "source": "pages/Home/index",
      "window": {
        "barButtonTheme": "default"
      }
    },
    {
      "path": "/about",
      "source": "pages/About/index",
      "window": {
        "barButtonTheme": "light"
      }
    }
  ],
  "window": {
    "title": "Rax App 1.0",
  }
}

页面配置

放置于 src/app.json 中的 routes 数组的 window 字段中，示例同上

---

Taro 怎么做？

应用配置

放置于 src/app.config.js 中

页面配置

放置于页面 js 同级目录下的同名 config.js 文件中

---

ICE 怎么做？

应用配置

src/app.ts 中导出 miniappManifest 变量：

export const miniappManifest = {
  title: 'miniapp test',
  routes: [
    'index',
    'about',
    'second/profile',
  ],
};

此处需要注入环境变量（如 process.env.PLATFROM）以支持多小程序端差异化逻辑编写

页面配置

各页面 ts 文件中通过 getConfig 方法导出，同样需要实现区分端的环境变量

[ChrisCindy]

// 应用 export const miniappManifest = defineMiniappManifest((platform) => { return { title: 'miniapp test', routes: [ 'index', 'about', 'second/profile', ], }; })

---

// 页面 export function getConfig(data, context) { return { } }