ホームページ  >  記事  >  ウェブフロントエンド  >  中央の SCSS ファイルで宣言された変数を複数の SASS ファイル間で使用するにはどうすればよいですか?

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

Barbara Streisand
Barbara Streisandオリジナル
2024-11-10 17:39:02838ブラウズ

How can I use variables declared in a central SCSS file across multiple SASS files?

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

問題:

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

解決策:

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

  1. フォルダーを作成します「utilities」という名前のファイルを作成し、その中に"_variables.scss".
  2. "_variables.scss" で次のように変数を宣言します。
$black: #000;
$white: #fff;
  1. 次に、"style.scss" ファイルを作成します。他のすべての SCSS をインポートしますfiles:
// Utilities
@import "utilities/variables";

// Base Rules
@import "base/normalize";
@import "base/global";
  1. インポートされたファイル内では、宣言された変数にアクセスできます。変数へのアクセスが必要な他のファイルよりも先に変数ファイルをインポートしてください。

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

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。