是否有适配Vite的Browserify替代工具？如何在Vite项目中使用webrtc-swarm？

使用webrtc-swarm时遭遇Buffer is undefined错误，尝试在代码开头添加以下代码无法解决（加载时机太晚）：

import { Buffer } from 'buffer'
globalThis.Buffer = Buffer

当前实现代码：

import swarm from 'webrtc-swarm'
import signalhub from 'signalhub'

const hub = signalhub('swarm-example', [clientOpts.server])
const swarmClient = swarm(hub)

错误信息：

Uncaught (in promise) TypeError: Buffer is undefined
    js index.js:12
    __require2 chunk-TFWDKVI3.js:18
    js browser.js:15
    __require2 chunk-TFWDKVI3.js:18
    js index.js:6
    __require2 chunk-TFWDKVI3.js:18
    js index.js:1
    __require2 chunk-TFWDKVI3.js:18
    <anonymous> webrtc-swarm.js:1620

方法1：优先注入Buffer全局变量 #

把Buffer全局定义代码单独抽成文件（比如polyfills.js），确保它在所有依赖导入前执行：

// polyfills.js
import { Buffer } from 'buffer'
globalThis.Buffer = Buffer

// 入口文件 index.js
import './polyfills.js'
import swarm from 'webrtc-swarm'
import signalhub from 'signalhub'

// 后续业务代码
const hub = signalhub('swarm-example', [clientOpts.server])
const swarmClient = swarm(hub)

方法2：通过构建工具全局注入（以Webpack为例） #

在Webpack配置里用ProvidePlugin自动将Buffer挂载到全局：

// webpack.config.js
const webpack = require('webpack')

module.exports = {
  // 其他配置项
  plugins: [
    new webpack.ProvidePlugin({
      Buffer: ['buffer', 'Buffer']
    })
  ]
}

方法3：Browserify环境下的处理 #

先安装buffer模块：

npm install buffer

构建时通过命令行全局暴露Buffer：

browserify index.js -r buffer:buffer -o bundle.js

Browserify会自动将Buffer挂载到全局，无需手动在代码中添加定义。

内容的提问来源于stack exchange，提问作者roberto tomás