环境变量

__MICRO_APP_ENVIRONMENT__

描述:判断应用是否在微前端环境中

在子应用中通过 window.__MICRO_APP_ENVIRONMENT__ 判断是否在微前端环境中。

if (window.__MICRO_APP_ENVIRONMENT__) {
  console.log('我在微前端环境中')
}

__MICRO_APP_NAME__

描述:应用名称

在子应用中通过 window.__MICRO_APP_NAME__ 获取应用的name值,即<micro-app>标签的name值。

__MICRO_APP_PUBLIC_PATH__

描述:子应用的静态资源前缀

用于设置webpack动态public-path在新窗口打开,将子应用的静态资源补全为 http 开头的绝对地址。

步骤1:子应用src目录下创建名称为public-path.js的文件,并添加如下内容

if (window.__MICRO_APP_ENVIRONMENT__) {
  __webpack_public_path__ = window.__MICRO_APP_PUBLIC_PATH__
}

步骤2: 在子应用的入口文件的最顶部引入public-path.js

import './public-path'

__MICRO_APP_BASE_ROUTE__

描述:子应用的基础路由

详情见路由-基础路由一章。

__MICRO_APP_BASE_APPLICATION__

描述:判断应用是否是基座应用

在执行microApp.start()后此值才会生效

if (window.__MICRO_APP_BASE_APPLICATION__) {
  console.log('我是基座应用')
}