source.enableCustomEntry

  • 类型: boolean
  • 默认值: false

该选项用于使用 Modern.js 自定义入口场景。

开启此选项后,Modern.js 将使用 src/entry.[jt]sx 文件作为项目的入口, 具体使用姿势可参考页面入口

示例

首先,在配置文件中开启此选项:

modern.config.ts
export default defineConfig({
  source: {
    enableCustomEntry: true,
  },
});

创建 src/entry.tsx 文件:

import { createRoot } from '@modern-js/runtime/react';
import { render } from '@modern-js/runtime/browser';

const ModernRoot = createRoot();

async function beforeRender() {
   // todo
}

beforeRender().then(() => {
  render(<ModernRoot />);
});
ON THIS PAGE