跳到主要内容

环境变量

有时候需要使用环境变量（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' });