Webpack + Leaflet 插件(s)

Question

我有一个基于requireJs的库，导出对象T，其中包含Leaflet对象L。我还有一个Leaflet插件（在我的情况下是这个，但对于任何其他插件都有效），它将一些函数添加到全局对象L中。我有一个模块，在其中我想使用具有扩展L的对象T。问题是：如何使用Webpack优雅地实现它？我可以修改插件，从第一个库中导入L，但无论如何都不知道如何将其插入到我的模块中。也不确定这是否是最佳方式。

P.S. 我看到了这个线程和这个，但没有找到好的方法。我不想使用额外的< script>标签，并且这样做相当混乱：

import 'my.leflet.library';
import 'leaflet.plugin';

在源代码中的某个地方 - 相反，我更喜欢添加一些配置，这将在加载'my.leaflet.library'之后扩展L对象，并且任何导入'my.leaflet.library'的模块都将具有修改后的L的T。这是可能的吗？

- Anton Pilyak

---

嘿，试图做这个。看起来我们需要将它们作为外部脚本连接到全局范围中。模仿浏览器中正确顺序连接的脚本。 - Rantiev

Answer 1

这是我的Vue的webpack配置（vue.config.js），你可以根据需要进行适应。

const webpack = require('webpack')

module.exports = {
  configureWebpack: {
    plugins: [
      new webpack.ProvidePlugin({
        L: 'leaflet',
        'window.L': 'leaflet',
      })
    ],
  }
}

- luff