문제 설명
_settings.scss의 변수는 주석 처리되지 않은 상태로 컴파일됩니다. (Variables in _settings.scss are compiled as uncommented)
재단 포럼에서 이 질문을 했지만 아직 아무도 대답하지 못했습니다. "foundation watch" 명령을 실행하면 src/assets/scss/_settings.sccc 파일 내의 모든 변수가 주석 처리되지 않은 상태로 컴파일됩니다.
그러나 ZURB 웹사이트에는 다음과 같이 명시되어 있습니다.
"설정을 변경하려면 찾고 있는 변수를 찾은 다음 슬래시(//)를 제거하여 주석 처리를 제거하십시오. 줄의 시작 부분과 값을 변경합니다. 주석 처리를 제거하면 값이 변경되기를 원하고 재정의하는 기본값을 확인하는 편리한 시각적 도구 역할을 합니다." ‑ http://foundation.zurb.com/sites/docs/sass.html"
ZURB 웹 사이트가 말하는 것과 컴파일러가하는 것이 완전히 다르기 때문에 정말 혼란 스럽습니다. 아이디어가 있으신가요?
감사합니다...
참조 솔루션
방법 1:
This was changed after the initial release of Foundation 6. All settings in the settings file now start out as uncommented. The docs just weren't updated yet to reflect the change.
Foundation Developer's Explanation:
The reason we're uncommenting every variable is to avoid reference errors. For example, let's say you left all the colors the same, so they all have comment marks. Now you try to reference $primary‑color farther down, and you get an error, because $primary‑color hasn't been defined yet. It is in the settings file, but it's not uncommented. Uncommenting every value gets around this issue.
Source: https://github.com/zurb/foundation‑sites/issues/7328#issuecomment‑161037445
(by yucelm、Colin Marshall)