如何在qooxdoo框架中实现CSS文件的动态加载

• 你对Manifest.json中externalResources配置的认知完全正确。该配置段定义的所有外部资源（包含JS、CSS类文件），会在qooxdoo应用初始化阶段由框架全量引入页面，不存在按需加载、延迟加载的逻辑——所有配置条目都会在首屏加载流程中完成资源拉取，和你目前使用qx.util.DynamicScriptLoader实现的按需JS加载，属于完全独立的两套资源加载逻辑。
• 当前qooxdoo核心框架生态中，不存在与qx.util.DynamicScriptLoader功能对齐、专门封装CSS动态加载能力的内置专用工具类。

可以完全对齐现有动态JS的加载逻辑，通过轻量封装实现和DynamicScriptLoader一致的使用体验，适配地图资源按需加载的业务场景：

• 自定义封装CSS动态加载工具类，接口设计完全对齐qx.util.DynamicScriptLoader：
  • 通过动态创建<link>标签的方式加载目标CSS文件，给标签设置基础属性：rel="stylesheet"、type="text/css"，href指向待加载的CSS资源地址
  • 监听link标签的onload、onerror事件，对外暴露Promise风格的调用接口，支持多资源并行加载、加载完成回调、异常捕获的能力
  • 加入资源去重判断逻辑：如果目标CSS已经完成过加载，重复触发加载时直接返回成功结果，避免重复插入DOM节点造成冗余请求
• 配合qooxdoo原生资源管理能力适配：
  • 所有需要动态加载的CSS文件，不要配置到externalResources段中，而是纳入应用本地资源目录体系，通过框架的资源声明机制生成对应的可访问路径，避免硬编码路径在构建、部署场景下出现路径错配的问题
  • 触发资源加载时，和现有动态JS加载逻辑并行调用即可：用户选中对应地图类型后，同时发起对应专属JS文件、专属CSS文件的加载请求，等两个资源都加载完成后再初始化地图组件，避免出现组件渲染时样式未就绪的错乱问题
• 生产构建适配注意点：
  • 构建生产版本时，需要将这些动态加载的CSS标记为独立资源，避免框架在打包环节将其合并到全局主CSS包中，否则会失去按需加载的意义
  • 不要采用批量写入内联样式的方式替代独立CSS加载：地图类专属CSS中通常包含对本地图标、切图资源的相对路径引用，独立加载CSS文件才能保证内部资源引用路径正常解析

这种自定义封装的方式，完全不需要引入额外的第三方依赖，和现有qooxdoo代码体系的适配性最好，不需要改动已有的动态JS加载逻辑。

内容的提问来源于stack exchange，提问作者goldim