探索 webpack5 新特性 Module federation 在腾讯文档的应用

探索 webpack5 新特性 Module federation 在腾讯文档的应用

摘要

腾讯文档使用了Script-Loader（SL）模式来解决多应用开发和维护的问题。SL模式通过一个独立项目提供代码，并打包为ES5代码，在品类页中引入加载脚本来加载模块代码。然而，移动端页面需要手动引入React，影响了模块的独立性。为解决这些问题，他们采用了一种叫做External的解决方案。该方案将可以配置为全局环境的包提取出来，每个模块指明依赖，SL会在加载模块代码之前检测依赖。然而，这种方式需要手动维护依赖关系，并单独打包成CDN文件。目前只有React包实现了共享。