0

私は webpack で Angular2 アプリケーションに取り組んでいます。コード品質指標に sonarqube を使用しています。VS Code を IDE として使用しています。

以下のcssは、sonarqubeで「この潜在的なボックスモデルサイズの問題を確認してください」という警告を表示しますが、これは正しいです。

.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 が見つかりません。

4

2 に答える 2

0

Sonar と stylelint は 2 つの異なるツールです。どちらも CSS 静的解析が可能です。ただし、それらには異なるルール、オプション、構成があります。Sonar は Java ベースのようで、stylelint は Node.js 用の JavaScript で記述されています。

CI の一部として Sonar を実行し、IDE 内で stylelint を実行しているように見えます。CI の警告が IDE 内の警告と異なるのはそのためです。

参考までに、Sonor の CSS ルールの一覧はこちらです。おそらく、「この潜在的なボックス モデル サイズの問題を確認する」ルールを無効にするオプションが見つかるでしょう。

于 2017-01-12T14:08:25.687 に答える