背景 什么是 icestark 应用架构 关于 icestark 背景 大型中后台系统开发，往往涉及到多团队协作的情况。传统 SPA 应用都是基于一个代码仓库，业务逻辑交织，随着业务不断发展，逐渐成为巨石（Monolithic）应用，不利于维护。而为了解决这些问题，往往采用 iframe 做隔离。但 iframe 方案有以下问题： 网页性...

接入微前端 框架应用 子应用 接入微前端 基于 icejs 的插件机制，我们封装了 build-plugin-icestark 插件，这个插件可以大大降低接入微前端方案的成本。 框架应用 通过物料模板快速创建一个微前端的子应用： $ npm init ice icestark - framework @icedesign / stark...

安装 icestark 在框架应用中使用 在子应用中使用 ReactDOM 渲染节点 子应用间跳转 Router 注入 basename、渲染全局 404 已有应用迁移 icestark 完全面向 react 设计，因此已有 react 应用的迁移成本很低。 安装 icestark $ npm i @ice / stark -- ...

CSS 隔离 动态加载 shadowRoot CSS Module JS 隔离 动态加载 react 版本问题 规划 隔离 当应用拆分后，我们一方面希望能有一定的通信机制，同时希望应用之间能保持相当程度的隔离。 CSS 隔离 样式隔离是应用数量不断增加时，必须考虑的问题。 我们建议在框架应用（Layout 层）： 尽量少使用...

子应用和框架应用之间的通信 通过共享的 在子应用中触发 不同子应用之间的通信 通过公共数据存放途径比如 通过框架应用作为媒介，将共享数据存放在框架应用中，这就将子应用之间的通信转化成了子应用和框架应用的通信 应用间通信 icestark 将应用进行了拆分（框架应用和子应用），拆分之后，不同之间就会有数据交换的场景。在 icestark 体系...

创建项目 调试服务 快速上手 创建项目 启动 iceworks 选择 icestark 模板 新建一个 icestarkLayout 文件夹或者选择已有的空文件夹（避免覆盖原有文件） 给项目起一个项目名 icestarkLayout ，以便后续识别 调试服务 通过启动项目面板，可执行 运行 点击 运行 等待...

关于 icestark 快速上手 已有应用迁移 应用间通信

getMountNode 根据子应用运行环境，返回子应用渲染节点 类型：function 默认值：<div id="ice-container"></div> 使用规则：方法支持传参，传参代表默认渲染的 DOM 节点，默认节点只在子应用单独启动时生效。支持 string | HTMLElement | function ， string...

关于飞冰 特性 生态 常见问题 使用飞冰是否需要具备一定的前端基础？ 资深前端同学是否适合使用飞冰？ 飞冰（ICE）的浏览器兼容策略是怎样的？ 飞冰官方的 React 组件为什么使用 Fusion，而不是 antd？ 谁在使用 联系我们 关于飞冰 简单而友好的前端研发体系 特性 可视化开发 ：通过 IDE 简化前端工程...

Workspace Workspace protocol (workspace:) Referencing workspace packages through aliases Referencing workspace packages through their relative path Publishing workspace packages ...