[Front-End General] scss-lint: .scss ファイルを lint する

css-lint から乗り換えを検討。

.scss に対応。

Install

Gemfile に追記し、プロジェクト内で利用する場合。

gem 'scss_lint'

bundle install を実行。

% bundle install
% bundle exec scss-lint -v
scss-lint 0.47.1

Config

.scss-lint.yml にルールを書く。

# Default application configuration that all configurations inherit from.
scss_files: 'source/stylesheets/**/*.scss'
plugin_directories: ['.scss-linters']
exclude: 'source/stylesheets/foundations/**'
# List of gem names to load custom linters from (make sure they are already
# installed)
plugin_gems: []
# Default severity of all linters.
severity: warning
linters:
  BangFormat:
    enabled: true
    space_before_bang: true
    space_after_bang: false
  BemDepth:
    :

Usage

% bundle exec scss-lint

補遺