2013-06-22 4 views
1

나는 조금 당혹 스럽다. 내 scss 시트의 기초 변수를 참조 할 때마다 오류가 발생합니다.기초 변수 정의되지 않음

정의되지 않은 변수 : "$ primary-color".

(/my/path/to/mysheet.scss에) 여기가 import s는 require의 후이기 때문에 그것의 의심 내 app.scss

/* 
*= require_self 
*= require_tree ./a_folder 
*/ 
@import "foundation/foundation-global"; 
@import "foundation/_settings"; 
@import "foundation"; 

입니다. 그러나 순서를 바꾸면 모든 스타일 시트가 사라집니다.

내가 뭘 잘못하고 있니?

답변

0

부트 스트랩에서 동일한 상황이 발생했습니다. require을 사용하는 경우 모든 변수를 사용자 정의 scss 파일에 사용할 수 없습니다.

해결책은 @import이지만, require을 전혀 사용하지 않는 것입니다.

require@import 사용자 정의 CSS 파일을 모두 수동으로 application.css.scss에서 제거하는 것이 좋습니다. @import은 자산 파이프 라인에서도 작동하므로 전혀 걱정할 필요가 없으므로 일부 단어를 더 입력하십시오.

+1

Rails는 각 파일을 가져 오기 위해 필요한 기능을 제공하는 것보다 더 나은 솔루션이 있어야합니다. –

+0

@TimScott, 전 이것을 연구했습니다. 제 지식으로는 아니요. 그리고 저는 이것이 나무를 요구하는 것보다 더 나쁜 것이 아니라고 생각합니다. CSS @ import는 기본 CSS입니다. 또한, CSS를 수동으로 가져 오거나 요구하는 것은'require tree'보다 훨씬 낫습니다. 왜냐하면 요구 순서를 제어하기가 어렵고 순서가 CSS에 매우 중요하기 때문입니다. 'require '를 사용해도'tree'를 사용하지 않고 각 파일을 수동으로 요구합니다. –

관련 문제