여러 SASS 파일에서 중앙 SCSS 파일에 선언된 변수를 어떻게 사용할 수 있나요?

여러 SASS 파일에서 변수 사용

문제:

중앙 집중식 관리를 목표로 합니다. 프로젝트 내의 모든 변수 정의를 관리하기 위한 .scss 파일입니다. 이 프로젝트에는 단일 위치에서 프로젝트 전체 스타일 변수를 선언하는 것이 목표인 수많은 CSS 파일이 포함됩니다. SCSS에서 이를 달성할 수 있는 방법이 있습니까?

해결책:

이를 수행하려면 다음 단계를 따르십시오.

1. 폴더 만들기 "utilities"라는 이름으로 그 안에 "_variables.scss"라는 파일을 만듭니다.
2. In "_variables.scss", 다음과 같이 변수를 선언합니다.

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

3. 다음으로 다른 모든 SCSS 파일을 가져오는 "style.scss" 파일을 만듭니다.

// Utilities
@import "utilities/variables";

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

4. 가져온 파일 내에서 선언된 변수에 액세스할 수 있습니다. 변수에 액세스해야 하는 다른 파일보다 먼저 변수 파일을 가져와야 합니다.

이 접근 방식을 사용하면 SCSS 코드베이스의 모듈성을 유지하면서 프로젝트 전체 변수를 중앙에서 관리할 수 있습니다.

위 내용은 여러 SASS 파일에서 중앙 SCSS 파일에 선언된 변수를 어떻게 사용할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!