[Front-End General] scss-lint: .scss ファイルを lint する
css-lint から乗り換えを検討。
[markdown]
> * [brigade/scss-lint: Configurable tool for writing clean and consistent SCSS](https://github.com/brigade/scss-lint)
`.scss` に対応。
## Install
Gemfile に追記し、プロジェクト内で利用する場合。
“`Gemfile
gem ‘scss_lint’
“`
`bundle install` を実行。
“`prettyprinted
% bundle install
“`
“`prettyprinted
% bundle exec scss-lint -v
scss-lint 0.47.1
“`
## Config
`.scss-lint.yml` にルールを書く。
> * [scss-lint/default.yml at master · brigade/scss-lint](https://github.com/brigade/scss-lint/blob/master/config/default.yml)
“`yaml
# 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
“`prettyprinted
% bundle exec scss-lint
“`
## 補遺
> * [Getting Started With SCSS-Lint](http://www.sitepoint.com/getting-started-with-scss-lint/)
> * [SassのファイルをSCSS-Lint+Gulpで自動的にテスト | Firegoby](https://firegoby.jp/archives/6595)
> * [~/.scss-lint.yml – Weblog – Hail2u.net](https://hail2u.net/blog/webdesign/my-.scss-lint.yml.html)
[/markdown]