同一命名空间打字稿下的多次导入

Question

我知道这将是一个愚蠢的问题，但我环顾四周并没有发现任何可以帮助我理解的问题。

我有一个离子项目，我在上面导入了leafletjs 现在一切正常，我使用以下代码将其导入：

import leaflet from 'leaflet';

现在我想将leaftlet.easyButton 添加到我的项目中。

在我看来，这个库应该扩展传单之一，对吧？

import leaflet from 'leaflet';
import leaflet from 'leaflet-easybutton';

这种方法当然会给命名空间带来问题。

现在我想要实现的是通过扩展他的方法来使用传单，以包含easybutton库提供的方法。

为了能够做类似的事情：

leaflet.easyButton('fa-globe', function(btn, map){
     helloPopup.setLatLng(map.getCenter()).openOn(map);
}).addTo( YOUR_LEAFLET_MAP );

所以问题是，我如何在 typescript 中导入第二个库，以便能够像上面的示例所示那样使用它？

Answer 1

Leaflet.EasyButton 插件仅执行将一些新方法 (easyButton...) 和类 (Control.EasyButton...) 附加到 L Leaflet 全局命名空间的副作用。

因此，您应该只需要导入它以获得副作用：

import * as L from 'leaflet';
import 'leaflet-easybutton';

L.easyButton( /* ... */ );

Answer 2

我在尝试导入两个不同的键盘插件时遇到了类似的问题。一种解决方案是像这样命名其中一个插件：

// imports
import leaflet from 'leaflet';
import * as easyButton from 'leaflet-easybutton';


// usage
leaflet //first plugin
easyButton.leaflet //second plugin