こんにちは。フロントエンドエンジニアの佐々木です。 前回は JS 周りの Lint 環境を整備しました。 engineering.wondershake.com 今回はスタイルシート周りの Lint 環境を整備した話になります。 はじめに スタイルシートはある程度のルールをチーム内で共有しておかないとすぐに雑多なコードになってしまいます。 コーディングルールを明文化してレビューで指摘するといった方法もありますが、できれば Lint ツールでコーディングスタイルを定義して、ルールに逸脱したコードは CI で落とすようにすると健全です。 今回は 2 年間運用されてきた scss ファイルに scss-lint を実行して、エラーを 0 にして CI で弾くことができる状態にするのがゴールになります。 なお scss-lint を導入するにあたりこちらの記事を参考にさせて頂きました。 自動検出と
![RailsアプリケーションのためのフロントエンドLint環境の整備(SCSS編) - Wondershake 開発者ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ec5eda42a30d777bd80e2d5e25df4b57054f1750/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fs%2Fsskyu%2F20160725%2F20160725165603.png)