应用入口

框架通过调用 createApp 创建渲染整个应用,在创建应用时可以传入应用的全局配置。

入口配置

src/app.ts 用于对应用进行全局配置,设置路由、运行环境、请求、日志等。

  1. import { createApp } from 'ice';
  2. // 应用配置
  3. const appConfig = {
  4. // 启动项配置
  5. app: { },
  6. // 状态管理配置
  7. store: { },
  8. // 路由配置
  9. router: { },
  10. // 请求配置
  11. request: { },
  12. // 日志配置
  13. logger: { }
  14. // ...其他更多配置
  15. };
  16. createApp(appConfig);

启动项配置

诸如 router/request/logger 等配置都会在对应文档里进行说明,这里重点说明 app 这一项所支持的配置:

  1. import { createApp } from 'ice';
  2. const appConfig = {
  3. app: {
  4. // 可选,根节点 id,默认为 ice-container
  5. rootId: 'ice-container',
  6. // 可选,根节点 DOM 元素
  7. mountNode: document.getElementById('#ice-container'),
  8. // 可选,自定义添加 Provider
  9. addProvider: ({ children }) => {
  10. return <ConfigProvider>{children}</ConfigProvider>;
  11. }
  12. },
  13. };
  14. createApp(appConfig);