如何关闭Vite中“Module externalized for browser compatibility”警告？

如果你无法修改或替换第三方依赖，只想关闭那些crypto、http等模块被外部化的构建警告，可以通过以下两种方法实现：

方法一：精准过滤指定模块的警告 #

在vite.config.js（或.ts）中配置Rollup的onwarn钩子，只跳过目标模块的警告，保留其他有效警告：

import { defineConfig } from 'vite'

export default defineConfig({
  // 你的其他Vite配置
  build: {
    rollupOptions: {
      onwarn(warning, warn) {
        // 匹配MODULE_EXTERNALIZED类型警告，并过滤包含指定Node模块的消息
        if (warning.code === 'MODULE_EXTERNALIZED' && /crypto|http|https|buffer/.test(warning.message)) {
          return // 跳过该警告
        }
        // 其他警告正常输出
        warn(warning)
      }
    }
  }
})

你可以根据实际出现的警告，在正则表达式里添加更多需要过滤的模块名（比如stream、fs等）。

方法二：关闭所有模块外部化警告（谨慎使用） #

如果确定所有这类警告都无意义，可以直接关闭所有MODULE_EXTERNALIZED类型的警告：

import { defineConfig } from 'vite'

export default defineConfig({
  build: {
    rollupOptions: {
      onwarn(warning, warn) {
        if (warning.code === 'MODULE_EXTERNALIZED') {
          return
        }
        warn(warning)
      }
    }
  }
})

注意：这种方式会屏蔽所有模块外部化相关的警告，可能会错过潜在的兼容性问题，建议优先使用精准过滤的方法。

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