App.tsx

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

App.tsx 并不是实际的应用入口，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 执行时，会去获取注册的 Global App，生成真实的 React 组件。

Note

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

#App.tsx

App.tsx