読者です 読者をやめる 読者になる 読者になる

SideCI Blog

自動コードレビューサービスSideCIを提供している株式会社アクトキャットのコーポレートブログです。



SideCI の対応ツールに stylelint を追加しました

こんにちは。SideCI にて stylelint を使用した解析が行えるようになりました。

https://github.com/stylelint/stylelint

stylelint は、CSS 及び SCSS 等のスタイルシート用言語の為の Lint ツールです。 スタイルシートのコーディングスタイルの統一や、問題のあるコードの検出を行うことが可能です。

警告例

stylelint を使用することで以下のような問題を検出することが可能です。

  • 色の指定が間違っていること
  • 不要な空行が入っていること
  • poyo というセレクタが存在しないこと

SideCI での指摘画面

f:id:sideci:20170410120301p:plain

設定

有効にする警告の種類などは、.stylelintrc.yamlなどの設定ファイルを使用して設定することが可能です。

https://stylelint.io/user-guide/configuration/

また、stylelint に与えるコマンドラインオプションをsideci.ymlで定義可能です。

https://sideci.com/ja/docs/linter-config-by-sideciyml#stylelint

SideCI で有効にするには

SideCI で stylelint をお使い頂く場合、左メニューの「解析ツール選択」から stylelint を有効にしてください。

また、stylelint はアビシニアンモードでのみの提供となります。 アビシニアンモードについてはこちらの記事を参照ください。