Highcharts v10.3.2中Highmaps与Highstock导入共存冲突问题咨询

我正在开发一个Java项目，使用Highcharts v10.3.2作为图表库，客户端框架采用最新版GWT，通过jsinterop创建Java封装器实现Java与Highcharts的交互。但遇到棘手问题：无法在同一项目中同时使用Highmaps和Highstock。

具体表现：

• 先导入Highmaps再导入Highstock：Highmaps可正常工作，但调用Highstock时会报错$wnd.Highcharts.stockChart is not a function
• 先导入Highstock再导入Highmaps：Highstock正常，但Highmaps报错$wnd.Highcharts.mapChart is not a function

当前项目的库导入顺序如下：

<%--Highcharts v10.3.2--%>
<script type="text/javascript" src="assets/js/highcharts.min.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/js/highcharts-maps.min.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/js/highcharts-stock.min.js" charset="utf-8"></script>
<script type="text/javascript" src="assets/js/highcharts-more.min.js" charset="utf-8"></script>

该问题已可复现，请问有人遇到过类似问题吗？或能解释二者共存导入冲突的原因？

冲突的核心原因是：Highstock和Highmaps的完整包在加载时会覆盖全局的Highcharts对象，后加载的库会替换掉先加载库新增的方法，导致前一个库的扩展功能丢失。

Highcharts核心库（highcharts.min.js）是基础，Highmaps、Highstock虽基于核心扩展，但它们的完整包加载逻辑并非追加扩展，而是重新赋值全局Highcharts对象，从而覆盖之前加载的扩展方法。

针对该问题的解决方式：

1. 模块化加载（推荐）：如果项目支持ES模块，使用导入挂载的方式避免全局覆盖：

   import Highcharts from 'highcharts';
   import Highmaps from 'highcharts/highmaps';
   import Highstock from 'highcharts/highstock';
   
   // 将扩展挂载到核心Highcharts对象上
   Highmaps(Highcharts);
   Highstock(Highcharts);
   

2. 调整脚本加载逻辑：若仍需全局脚本加载，不要使用完整的Highmaps/Highstock包，改用对应的扩展模块；同时调整顺序：先加载核心库，再加载highcharts-more.min.js，最后加载Highstock和Highmaps的扩展版本，避免全局对象被覆盖。

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