icestark icon indicating copy to clipboard operation
icestark copied to clipboard

文档结构梳理

Open maoxiaoke opened this issue 3 years ago • 2 comments

  • 文档

    • 关于
    • 快速开始
    • 概念
      • 主应用
      • 微应用
      • 微模块
      • 它是如何工作的
    • 主应用接入
      • React
      • Vue
    • 微应用接入
      • React
      • Vue
      • CRA + icejs
      • Next.js
      • Angular + jQuery
    • 功能
      • 样式隔离
      • 脚本隔离
      • 应用间通信
      • 应用间跳转
      • 性能优化
        • 预加载
        • 页面懒加载
        • cached
      • 路由匹配
    • 更多场景
      • 多页签模式
      • 子应用嵌套
    • 获得帮助
    • changelog
    • 从 1.x 版本升级
  • API

    • @ice/stark
    • @ice/stark-app
    • @ice/stark-module
  • 常见问题

  • 博客

其他变更点

  • [ ] 增强首页示例 Demo
    • [ ] 增加 Angular 示例
    • [ ] 修改 React \ Vue 样式
    • [ ] 增加嵌套子路由示例
    • [ ] 增加多页签示例
  • [ ] API https://micro-frontends.ice.work/docs/api/ice-stark#appconfig
    • [ ] 增加对 AppConfig 和 StartConfiguration 更多使用上的说明

模板创建链路

执行 npx create-icestark 快速创建项目,可选项目有:

  • vite + react cra 主应用模板
  • vite + react cra 微应用模板
  • vite + vue 主应用模板
  • vite + vue 微应用模板

icejs 主应用、微应用模板通过 ice 命令创建。

其他模板引导至主仓库 /examples 下。

示例预览链路

模板收敛到 icestark 主仓库 /examples 目录下,目前主要有:

  • vite + React 主应用模板 // React 示例项目
  • vite + vue 主应用模板 // Vue 示例项目
  • vite + vue3 微模板
  • vue-cli + vue2 微模板
  • vite + React 微应用模板
  • Angular 12 微应用模板

ci 大致流程:

  1. 修改模板代码
  2. 修改版本号
  3. 发布至 npm
  4. 构建微应用的资源,发布 oss
  5. 发布 vercel,构建主应用
  1. vercel monorepo 模式免费用户最多三个项目 https://vercel.com/docs/concepts/git/monorepos
  2. 需要解决资源跨域访问的问题

maoxiaoke avatar Apr 28 '22 06:04 maoxiaoke

LGTM

wjq990112 avatar Apr 28 '22 07:04 wjq990112

  • 模板 -> 发布 -> 预览 链路的设计

maoxiaoke avatar Apr 28 '22 10:04 maoxiaoke