如何在多個 SASS 檔案中使用在中央 SCSS 檔案中聲明的變數？

在多個SASS 檔案中使用變數

問題：

您的目標是維護一個集中式.scss 文件，用於管理專案內的所有變數定義。該專案涉及大量 CSS 文件，其目標是在單一位置聲明專案範圍的樣式變數。在 SCSS 中是否有方法可以實現此目的？

解決方案：

要實現此目的，請按照下列步驟操作：

1. 建立資料夾命名為“utilities”，並在其中建立一個名為「_variables.scss」的檔案。
2. 在「_variables.scss」中，以下列方式宣告變數：

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

3. 接下來，建立一個「style.scss」檔案來匯入所有其他SCSS 檔案：

// Utilities
@import "utilities/variables";

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

4. 在任何匯入的檔案中，您都可以存取宣告的變數。確保在需要存取變數的任何其他檔案之前匯入變數檔案。

這種方法可讓您集中管理專案範圍的變量，同時仍保持 SCSS 程式碼庫的模組化。

以上是如何在多個 SASS 檔案中使用在中央 SCSS 檔案中聲明的變數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！