logologo
指南
API
博客
常见问题
指南
API
博客
常见问题
logologo

快速上手

介绍
快速开始
环境变量

接入指南

概述
react 子应用
vue 子应用
vite 子应用
angular 子应用

核心能力

bridge
缓存机制
生命周期
路由机制
构建配置
沙箱机制

进阶

插件指南
Previous Page快速开始
Next Page概述

#环境变量

有时候需要使用环境变量(Environment Variables)以按需控制 Garfish 的行为,或者通过环境变量来区分微前端的子应用是否在微前端环境下运行,进行一些兼容性逻辑的处理,下面来看看如何使用环境变量来控制 Garfish 的行为。

#环境变量列表

名称描述使用场景
window.__GARFISH__在引入 garfish 包后, window.__GARFISH__ 为 true主要让子应用在校验是否处于微前端环境,因此建议子应用不要单独引入 garfish 包
window.Garfish在引入 garfish 包后, window.Garfish 为 Garfish 实例可以使用 Garfish 实例上的方法,子应用也可使用该变量

#使用场景

#window.__GARFISH__

用于子应用判断当前是否处于微前端环境中。 如:在子应用入口处。增加子应用独立运行时逻辑:

if (!window.__GARFISH__) {
  ReactDOM.render(
    <RootComponent basename="/" />,
    document.querySelector('#root'),
  );
}

#window.Garfish

使用 Garfish 的路由进行路由跳转

window.Garfish.router.push({ path: '/test' });