跳转到主文档
应用工程
模块工程
Monorepo工程
项目生成器

source.preEntry

  • 类型: string | string[]
  • 默认值:undefined

在每个页面的入口文件前添加一段脚本,这段脚本会早于页面的代码执行,在这个脚本中可以进行执行一些全局的代码配置,比如注入 polyfill 等。

示例

添加单个脚本

首先创建一个 src/polyfill.ts 文件:

src/polyfill.ts
console.log('I am a polyfill');

然后将 src/polyfill.ts 配置到 source.preEntry 上:

modern.config.js
export default defineConfig({
source: {
preEntry: './src/polyfill.ts',
},
});

重新运行编译并访问任意页面,可以看到 src/polyfill.ts 中的代码已经执行,并在 console 中输出了对应的内容。

添加多个脚本

可以将 preEntry 设置为数组来添加多个脚本:

modern.config.js
export default defineConfig({
source: {
preEntry: ['./src/polyfill-a.ts', './src/polyfill-b.ts'],
},
});