@useを使って分割されたsassファイルを1つに集約して読み込む方法

分割されたsassファイルを一つのsassファイルに集約して読み込みたい。
本記事ではこのような悩みを解決します。
@useを使って、分割されたファイルを読み込む
//header.scssを読み込む
@use 'header';
//footer.scssを読み込む
@use 'footer';
分割されたsassファイルを1つのsassファイルに集約して読み込むコード例です。
@useを使います。
集約先sassファイルの先頭で以下を記述します。
@use ‘sassファイル名’;
@useのあとに読み込みたいsassファイル名を記述します。
以上で実装完了です。
まとめ
@useを使って分割されたsassファイルを1つに集約して読み込む方法について紹介しました。
以上で解説を終わります。
目次