跳到主要内容

环境变量

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

环境变量列表

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

使用场景

window.__GARFISH__

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

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

window.Garfish

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

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