Skip to content

Beyond Fast

ViteConf 2023

Watch the replay!

依赖优化选项

optimizeDeps.entries

  • 类型: string | string[]

默认情况下,Vite 会抓取你的 index.html 来检测需要预构建的依赖项(忽略了node_modulesbuild.outDir__tests__coverage)。如果指定了 build.rollupOptions.input,Vite 将转而去抓取这些入口点。

如果这两者都不合你意,则可以使用此选项指定自定义条目——该值需要遵循 fast-glob 模式 ,或者是相对于 Vite 项目根目录的匹配模式数组。当显式声明了 optimizeDeps.entries 时默认只有 node_modulesbuild.outDir 文件夹会被忽略。如果还需忽略其他文件夹,你可以在模式列表中使用以 ! 为前缀的、用来匹配忽略项的模式。

optimizeDeps.exclude

  • 类型: string[]

在预构建中强制排除的依赖项。

CommonJS

CommonJS 的依赖不应该排除在优化外。如果一个 ESM 依赖被排除在优化外,但是却有一个嵌套的 CommonJS 依赖,则应该为该 CommonJS 依赖添加 optimizeDeps.include。例如:

js
export default 
defineConfig
({
optimizeDeps
: {
include
: ['esm-dep > cjs-dep'],
}, })

optimizeDeps.include

  • 类型: string[]

默认情况下,不在 node_modules 中的,链接的包不会被预构建。使用此选项可强制预构建链接的包。

实验性: 如果你使用的是一个有很多深层导入的库,你也可以指定一个尾部的 glob 模式来一次性地预构建所有深层导入。这将避免在使用新的深层导入时不断地预构建。可以在此 提供反馈。例如:

js
export default 
defineConfig
({
optimizeDeps
: {
include
: ['my-lib/components/**/*.vue'],
}, })

optimizeDeps.esbuildOptions

  • 类型: Omit<EsbuildBuildOptions, | 'bundle' | 'entryPoints' | 'external' | 'write' | 'watch' | 'outdir' | 'outfile' | 'outbase' | 'outExtension' | 'metafile'>

在依赖扫描和优化过程中传递给 esbuild 的选项。

某些选项进行了省略,因为修改它们与 Vite 的优化方案并不兼容。

  • 忽略了 external 选项,请使用 Vite 的 optimizeDeps.exclude 选项
  • plugins 与 Vite 的 dep 插件合并

optimizeDeps.force

  • 类型: boolean

设置为 true 可以强制依赖预构建,而忽略之前已经缓存过的、已经优化过的依赖。

optimizeDeps.holdUntilCrawlEnd

当该功能被启用时,系统会在冷启动时保持第一个优化的依赖结果,直到所有的静态导入都被检索完毕。这样可以避免因为发现新的依赖项而触发新的公共 chunk 生成,从而需要刷新整个页面。如果通过扫描和在 include 中明确定义的方式能找到所有的依赖项,那么最好关闭这个功能,这样浏览器可以并行处理更多的请求。

optimizeDeps.disabled

  • 已废弃
  • 实验性: 提供反馈
  • 类型: boolean | 'build' | 'dev'
  • 默认: 'build'

此选项已被弃用。从 Vite 5.1 版本开始,构建过程中对依赖项的预打包已经被移除。将 optimizeDeps.disabled 设置为 true'dev' 将会禁用优化器,配置为 false'build' 将会在开发模式下启用优化器。

如果你想完全禁用优化器,可以设置 optimizeDeps.noDiscovery: true 来禁止自动发现依赖项,并保持 optimizeDeps.include 未定义或为空。

WARNING

在构建过程中优化依赖项是一个 实验性 的功能。尝试这种策略的项目也会使用 build.commonjsOptions: { include: [] } 来移除 @rollup/plugin-commonjs。如果你这样做,将会有一个警告提示你在打包时需要重新启用它,以支持仅使用 CJS 的包。

optimizeDeps.needsInterop

  • 实验性
  • 类型: string[]

当导入这些依赖项时,会强制 ESM 转换。Vite 能够正确检测到依赖项是否需要转换处理(interop),因此通常不需要使用此选项。然而,不同的依赖项组合可能导致其中一些包以不同方式预构建。将这些包添加到 needsInterop 中可以通过避免重新加载整个页面、加快冷启动速度。如果某个依赖项符合此情况,Vite 将抛出警告,建议你在配置中添加该包名。

Released under the MIT License. (dev)