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,详见入口