Node.js的fs模块能否通过Browserify在浏览器运行？ytdl-core扩展无法下载怎么办？

核心问题前置说明 #

Node.js的fs模块是基于操作系统本地文件系统API封装的，浏览器不存在对应的底层能力，Browserify对fs模块的默认polyfill是空实现或者仅支持内存级模拟，仅用于兼容依赖中引用了fs但运行时不会实际调用的场景，这就是你打包后没有报错、但下载功能完全不生效的根本原因。

针对浏览器扩展场景的具体解决方案 #

• 放弃直接调用fs模块的逻辑，改用浏览器扩展原生提供的下载API替代。Chrome/Edge类扩展可以调用chrome.downloads API，Firefox类扩展可以调用browser.downloads API，调用前需要在manifest.json中声明downloads权限。
• 调整ytdl-core的调用逻辑：ytdl-core默认返回的是Node.js的Stream流，Browserify打包后可以在浏览器侧将流转为Blob对象，再调用扩展下载API保存到本地，参考逻辑片段：

// popup.js 中调整后的调用逻辑
import ytdl from 'ytdl-core';

// 监听下载按钮点击事件
document.querySelector('#downloadBtn').addEventListener('click', async () => {
  const videoUrl = document.querySelector('#urlInput').value;
  const stream = ytdl(videoUrl, { quality: 'highest' });
  const chunks = [];
  
  stream.on('data', chunk => chunks.push(chunk));
  stream.on('end', () => {
    const videoBlob = new Blob(chunks, { type: 'video/mp4' });
    const blobUrl = URL.createObjectURL(videoBlob);
    // 调用扩展下载API
    chrome.downloads.download({
      url: blobUrl,
      filename: 'downloaded_video.mp4',
      saveAs: true
    }, () => URL.revokeObjectURL(blobUrl));
  });
});

• 调整Browserify配置：打包时排除fs模块的polyfill，避免无用代码占用体积，在打包命令中添加参数 --exclude fs 即可，或者在package.json的browserify配置中添加：

{
  "browserify": {
    "exclude": ["fs"]
  }
}

额外注意事项 #

• ytdl-core依赖的其他Node.js核心模块（比如stream、buffer）Browserify可以正常polyfill，不需要额外调整，只要排除fs即可。
• 若需要跨域请求YouTube资源，需要在manifest.json的host_permissions中声明对应的YouTube域名权限，避免请求被跨域策略拦截。
• 如果遇到下载的视频无音频的情况，是因为YouTube的高清视频流和音频流是分离的，需要调用ytdl-core的相关接口分别下载音视频流后在本地做合并，或者直接选择带音轨的低清晰度流下载。

内容的提问来源于stack exchange，提问作者Vũ Bảo Khánh