中央の SCSS ファイルで宣言された変数を複数の SASS ファイル間で使用するにはどうすればよいですか?

複数の SASS ファイルにわたる変数の使用

問題:

一元的な SASS ファイルを維持することを目的としています。プロジェクト内のすべての変数定義を管理するための .scss ファイル。このプロジェクトには多数の CSS ファイルが含まれており、その目的は、プロジェクト全体のスタイル変数を 1 か所で宣言することです。 SCSS でこれを実現する方法はありますか?

解決策:

これを実現するには、次の手順に従います:

1. フォルダーを作成します「utilities」という名前のファイルを作成し、その中に"_variables.scss".
2. "_variables.scss" で次のように変数を宣言します。

$black: #000;
$white: #fff;

3. 次に、"style.scss" ファイルを作成します。他のすべての SCSS をインポートしますfiles:

// Utilities
@import "utilities/variables";

// Base Rules
@import "base/normalize";
@import "base/global";

4. インポートされたファイル内では、宣言された変数にアクセスできます。変数へのアクセスが必要な他のファイルよりも先に変数ファイルをインポートしてください。

このアプローチにより、SCSS コードベースのモジュール性を維持しながら、プロジェクト全体の変数を一元管理できます。

以上が中央の SCSS ファイルで宣言された変数を複数の SASS ファイル間で使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。