Written by Kasumi

@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つに集約して読み込む方法について紹介しました。

以上で解説を終わります。

目次

関連記事

HTMLCSS プログラミング

【簡単】CSSでフォントサイズ(font-size)を10px以下で表示する方法

2022.02.19
4408
HTMLCSS プログラミング

CSSで上付き・下付き注釈をつける書き方【コードペンデモ有り】

更新日:2020.04.21
1775
HTMLCSS プログラミング

form(フォーム)タグでエンターキー送信を無効にする方法

2021.12.21
8125
HTMLCSS

【CSS】data属性の値を擬似要素のcontentプロパティで取得する方法

2023.04.22
999