如何使用 MediaWiki 扩展 CSS 引用的图像资源？

Question

问题

如何将图像添加到 MediaWiki 扩展中，以便它们可以被注册为 ResourceModules 的 css 个文件引用？

我正在开发一个利用 third party tool 的 MediaWiki 扩展，并且我包括该工具的副本作为扩展资源的一部分。

该工具有 js 和 css，我是这样包含的：

...
  "ResourceModules": {
    "ext.leaflet": {
      "scripts": "ext.leaflet/leaflet.js",
      "styles": "ext.leaflet/leaflet.css"
    }
  },
...

第三方工具也包含一个图像目录，其中包含 leaflet.css 引用的各种图像，但我不知道该把它放在哪里MediaWiki 将与 CSS / JS 一起提供它。

图像 url 正在解析为 {SERVER}/ext.leaflet/images/marker-icon.png

Answer 1

您可以将图像资源放在扩展文件夹中的图像文件夹中，并以相对方式在您的 CSS 中引用它。

以 Echo 扩展为例：

图片在css

中是这样引用的

background-image: url( ../../images/pending.gif );

并存储在这里： {SERVER}/extensions/Echo/images

CSS在这一行注册为ResourceModule

在你的 JS 中你可以使用 mw.config.get('wgExtensionAssetsPath') 在我的例子中这个 returns /extensions