Emscripten启用MODULARIZE后如何覆写locateFile方法？

当启用MODULARIZE=1和EXPORT_NAME="MyModule"编译选项后，原有的直接修改MyModule['locateFile']的方法会失效——原因是此时MyModule不再是全局配置对象，而是一个模块工厂函数，每次调用该函数都会创建独立的模块实例，直接修改工厂函数的属性无法传递给内部实例。

正确实现方式 #

1. 调用工厂函数时传入配置

直接在调用MyModule工厂函数时，将locateFile作为配置参数传入，这是最直接且灵活的方式：

const myModule = MyModule({
  locateFile: function(path, prefix) {
    if (path.endsWith(".data")) return "resources/" + path;
    return prefix + path;
  }
});

2. 通过pre-js全局注入默认配置

如果需要所有模块实例默认使用该locateFile逻辑，可通过--pre-js选项注入全局配置：

1. 创建预加载JS文件（如pre_config.js），内容如下：

(function() {
  const originalFactory = MyModule;
  // 重写工厂函数，合并默认配置与用户传入配置
  MyModule = function(userConfig) {
    const defaultConfig = {
      locateFile: function(path, prefix) {
        if (path.endsWith(".data")) return "resources/" + path;
        return prefix + path;
      }
    };
    const mergedConfig = Object.assign({}, defaultConfig, userConfig);
    return originalFactory(mergedConfig);
  };
})();

2. 编译时添加--pre-js pre_config.js选项：

emcc your_source.c --preload-file your_data.data -s MODULARIZE=1 -s 'EXPORT_NAME="MyModule"' --pre-js pre_config.js -o your_module.js

注意事项 #

• 确保.data文件实际放置在resources/目录下，路径与locateFile返回值匹配
• 检查浏览器控制台是否有404错误，排查文件路径是否正确
• 避免在其他代码中覆盖locateFile配置

内容的提问来源于stack exchange，提问作者Jbx 2.0b