Storyboard 整体结构

{
  "$schema": "../../node_modules/@next-core/brick-types/.schema/storyboard.json",
  "imports": ["@next-bricks/basic-bricks", "@templates/cmdb-instances", "@next-bricks/presentational-bricks", "@next-bricks/providers-of-cmdb"],
  "app": {
    "name": "Demo",
    "id": "demo",
    "homepage": "/demo"
  },
  "routes": [
    ...
  ]
}

我们先来说下 storybard 的整体结构，如上所示：

• $schema：描述该 json 的结构，用于校验 json 格式，建议使用 IDE（如 VScode）打开此项目，这样才能利用上该 schema 来校验
• imports：声明引用的 npm 包，用于打包构建时判断依赖是否完整，在开发阶段并不影响，但在打包时候注意添加完整，不然打包会报错，见[micro-apps 打包报依赖错误](/next-docs/docs/customization/package-and-deploy#micro-apps 打包报依赖错误)
• app：此微应用的一些配置，包括
  • name：微应用名称
  • id：微应用 ID，需要在 EasyOps 平台全局唯一
  • homepage：微应用的前缀路径，可使用${APP.homepage}变量引用他
• routes：路由配置，微应用整体页面是由路由驱动的

更多配置见 Storyboard。