【Sass/SCSS】_アンダーバーを使ったファイル分割

【Sass/SCSS】_アンダーバーを使ったファイル分割

SCSSはファイル名の先頭に_(アンダーバー)をつけると分割ファイルとして扱うことができる。
どういう状況で使うかというと、複数人でWEBサイトを開発する場合に、1つのstyle.cssファイルを取り合って使うのではなく、Aさんは_information.scss、Bさんは_company.scss、cさんは_top.scssのように担当ごとにファイルを生成し、最終的にstyle.cssを吐き出すことができる。

具体的には

といった任意のファイルを生成し
style.scss内に

と記述してコンパイルをかければよい。

 

なお、コンフリクト(ここでは同じ宣言が被ってしまうこと)を避けるために、ファイル毎にユニークなクラス名で全体を括ってあげるといいだろう。

たとえば_information.scss内なら

になる。

コメント

タイトルとURLをコピーしました