加载自定义 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 代码）中，您可以添加一个值为"site" 的"group" 字段，以便在加载网站的主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 将覆盖皮肤中的先前值，因此对于大多数应用程序来说，这是合适的，并且有效。