SCSSで別のSCSSファイルを読み込む「@import」

CSSのファイルを用途ごとに分けていたりするけど、変数を格納したSCSSファイルなどは共通のものを使いたい…そんな時。それぞれのファイルから共通のSCSSファイルを読み込めて、そのSCSSファイルの編集を編集すればいいので便利。

インポートする

@import "ファイル名";

SCSSファイルの最初に上記のように追加します。

例えば、common.scssを読み込みたい場合は以下。

@import "common.scss"

ファイル名の拡張子は省略可能です。