deploy.microFrontend

  • 类型: object
  • 默认值: { enableHtmlEntry: true, externalBasicLibrary: false }
interface MicroFrontend {
  enableHtmlEntry?: boolean;
  externalBasicLibrary?: boolean;
  moduleApp?: string;
}

开发者可使用 deploy.microFrontend 属性来配置微前端子应用的信息。

注意

需要先通过 pnpm run new 启用「微前端」 功能。

示例

export default defineConfig({
  deploy: {
    microFrontend: {
      enableHtmlEntry: true,
    },
  },
});

配置项

enableHtmlEntry

  • 类型: boolean

  • 默认值: true

是否启用 html 入口的功能,默认为 true,将子应用构建成 HTML 模式,Garfish 支持了 html 入口,可以开启开选项,体验对应功能,为 HTML 入口时直接将子应用 entry 指向子应用的 html 即可。

可以通过设置为 false, 表明子应用构建为 js,构建为 js 后子应用无法独立运行,为 JS 入口时将子应用的入口文件指向子应用的 JS

externalBasicLibrary

  • 类型: boolean

  • 默认值: false

是否 external 基础库,当设置为 true 时,当前子应用将会 externalreactreact-domModern.js 主应用会自动 setExternal 这两个基础库,如果其他类型的框架请通过 Garfish.setExternal 增加 reactreact-dom 依赖