css - 加载自定义 MediaWiki CSS 皮肤的顺序

Question

我正在使用带有 custom skin 的 MediaWiki wiki .现在我看到自定义皮肤的 CSS 代码被 MediaWiki 本身的 CSS 代码覆盖了。

如何更改加载 CSS 代码的顺序？

Answer 1

在 MediaWiki 样式之后似乎没有直接加载 CSS 的方法，因为它是由主要资源加载器通过 load.php 在您的页面(查看源代码在您的网页上首先看到您的资源名称，通常，例如 ext.MySkin.styles 如下所述)，但我找到了一个解决方案为我工作。

在您的 skin.json 或 extension.json(或您的 PHP 代码)中，您可以添加一个 "group" 字段，其值为"site" 加载站点的主要 CSS 后加载扩展样式表。

例如，在您的 skin.json 或 extension.json 中:

{
    "name": "MySkin",
    ...
    "ResourceModules": {
        "ext.MySkin.styles": {
            "styles": [
                "my-skin.css"
            ],
            "group": "site"
        },
        "ext.MySkin.js": {
            "scripts": [
                "my-skin.js"
            ]
        }
    },
    ...
}

查看 $wgResourceModules 的文档以及 Group definitions也链接在那里。

MediaWiki 将加载您的扩展/皮肤样式作为第二页请求，该请求未优化，但它会按照您的需要在此应用程序中工作并且您的 CSS 将覆盖皮肤中以前的值，因此对于大多数应用程序来说，这是合适的，并且有效。