如何在浏览器中将.wat文本转换为.wasm二进制文件？

以下是几种可行的解决思路：

• 使用WABT官方提供的浏览器兼容版本
  WABT项目本身提供了预编译的浏览器可用版本，这些版本已经移除了对Node.js fs模块的依赖，改用内存操作处理数据。你可以通过npm安装wabt包，直接引用其浏览器入口，或者使用CDN加载编译好的脚本。在浏览器中，直接传递源码字符串给WABT的API即可，无需文件系统操作：

  // 加载WABT浏览器版后（全局wabt对象可用）
  const watCode = '(module (func (export "hello") (nop)))';
  const parsedWat = wabt.parseWat('input.wat', watCode);
  const binaryOutput = parsedWat.toBinary({});
  // binaryOutput.buffer 就是生成的WASM二进制数据
  

• 用内存文件系统替换fs模块
  如果你需要自己打包WABT（比如用Webpack或Rollup），可以使用memfs这类内存文件系统库替换Node.js的fs模块。在打包配置中添加别名，让WABT调用的fs方法指向内存文件系统：

  // Webpack配置示例
  module.exports = {
    resolve: {
      alias: {
        'fs': 'memfs'
      }
    },
    node: {
      fs: 'empty'
    }
  };
  

  这样WABT中的文件读写操作都会在内存中完成，完全适配浏览器环境。

• 手动编译WABT为WebAssembly
  克隆WABT源码后，用Emscripten将其编译为WebAssembly模块。Emscripten会自动处理Node.js API到浏览器的适配，你可以通过修改编译参数，把文件IO逻辑替换为直接接收输入数据、返回输出数据的接口。编译完成后，就能在浏览器中直接调用WABT的核心功能，无需依赖任何Node.js模块。

内容的提问来源于stack exchange，提问作者hopeless-programmer