如何让Vite在生产构建时打印已填充的Polyfill函数信息？

你看到的这份polyfills输出是由@vitejs/plugin-legacy插件生成的，默认情况下Vite的日志配置不会显示这些细节，你可以通过以下两种方式开启：

方式一：临时调整构建命令的日志级别 #

直接在构建时指定日志级别为info，就能触发插件输出polyfills信息：

npx vite build --logLevel info

如果需要更详细的调试信息，可以用debug级别：

npx vite build --logLevel debug

方式二：在Vite配置中开启插件的详细日志 #

修改你的vite.config.js或vite.config.ts，给@vitejs/plugin-legacy添加verbose配置项：

import { defineConfig } from 'vite'
import legacy from '@vitejs/plugin-legacy'

export default defineConfig({
  plugins: [
    legacy({
      verbose: true // 开启后会打印polyfills集合详情
    })
  ]
})

配置完成后，再执行npx vite build就能看到类似目标输出里的polyfills列表了。

内容的提问来源于stack exchange，提问作者xuhdev