scss 스타일의 Quasar 변수 사용법 익히기

Question

저는 vue add quasar를 통해 Vue3 + Quasar 프로젝트를 구성했습니다. 퀘이사 sass/scss 변수를 사용하는 방법을 이해할 수 없습니다.

사용할 것으로 예상했던 문서에서

으아아아

그러나 다른 퀘이사 변수는 $red-1，它会导致 未定义的变量. 错误。如果我显式导入样式文件，我就可以使用那里的变量，例如 $primary로 인해 사용할 수 없습니다.

으아아아

Quasar sass/scss에서도 모든 변수를 명시적으로 가져와야 하나요?

내 프로젝트 구성은 다음과 같습니다.

으아아아

---

부가 질문: Quasar의 CSS 클래스를 사용할 때 bg-primary 和 bg-secondary 제가 선택한 스타일 대신 Quasar에서 정의한 기본 색상과 보조 색상이 사용됩니다. 이것이 예상되는 동작입니까?

Answer 1

Sass/SCSS 변수는 quasar-cli 호스팅된 앱에서만 작동합니다.

https://quasar.dev/style/sass-scss-variables