無法為“檢查此潛在的盒子模型尺寸問題”設置stylelint規則

Question

我正在使用webpack開發Angular2應用程序。 我正在將sonarqube用於代碼質量指標。 我使用VS Code作為IDE。

在css下面，我對正確的聲納法警告“檢查此潛在的盒子模型尺寸問題”。

.popup-dock-button {
  background: url('./app/assets/images/dock.svg') no-repeat;
  background-size: 13px 13px;
  float: left;
  width: 20px;
  height: 20px;
  padding: 3px;
}

但是在VSCode中，我無法看到此代碼的氣味作為警告。 以下是我的stylelintrc.json文件

{
    "extends": [
        "stylelint-config-standard"
    ],
    "plugins": [
        "stylelint-scss"
    ],
    "rules": {
        "indentation": 4,
        "number-leading-zero": null,
        "declaration-block-no-ignored-properties": true,
        "selector-class-pattern": "^[a-z][-a-z0-9]*$",
        "selector-no-id": true
    },
    "defaultSeverity": "warning"
}

我找不到要解決此問題的規則ID。

Answer 1

聲納和stylelint是兩種不同的工具。 它們都可以進行CSS靜態分析。 但是，它們具有不同的規則，選項和配置。 聲納似乎是基於Java的，而stylelint是用JavaScript編寫的，用於Node.js。

看起來您運行的Sonar是IDE中CI和stylelint的一部分。 這就是為什么CI中的警告與IDE中的警告不同的原因。

僅供參考，Sonor CSS規則列表在此處 。 也許您會在此處找到一個選項來禁用“檢查此潛在的盒子模型尺寸問題”規則。

Answer 2

看起來stylelint中沒有這樣的規則。 供您參考，我在https://github.com/racodond/sonar-css-plugin/blob/master/doc/stylelint-sonarqube-rule-mapping.md啟動了SonarQube / stylelint規則映射