指南
配置
插件
API
教程
社区
指南
配置
插件
API
教程
社区
简体中文

    App.[tj]sx

    应用使用自控路由时的入口标识符。

    App.[tj]sx 并不是实际的应用入口，Modern.js 会自动生成真正的构建打包的入口文件, 内容大致如下：

    // runtime-global-context
import { setGlobalContext } from '@modern-js/runtime/context';
import App from '@_modern_js_src/App';

setGlobalContext({
  App,
});

// index.tsx
import './runtime-global-context';
import { createRoot } from '@modern-js/runtime/react';
import { render } from '@modern-js/runtime/browser';

const ModernRoot = createRoot();

render(<ModernRoot />, 'root');

    createRoot 执行时，会去获取注册的 Globa App，生成真实的 React 组件。

    NOTE

    在多入口的场景下，每个入口都可以拥有独立的 App.[jt]sx，详见入口。