가져 오기 복수하는 SCS 파일

Question

나는 그러나 내가 컴파일에 오류가 점점 오전 내 Vue2 프로젝트에 여러 개의하는 SCS 파일을 가져올하려고 -이 가능 의심의 내 구현이 잘못 ...

내 '주를. 'base.scss'

@import "./base.scss";// color pallete 
@import "./variants.scss"; //variant colors using primary colors from base.scss 

나는 다음이 파일 'main.scss :'내에서,

import './styles/main.scss' 

다음 줄을 사용 '하는 SCS하는 index.js은'파일로 가져 ' 좋아 보인다. 전자 다음

$slim-color-brand-orange: #e87820; 
$slim-color-brand-blue: #004a79; 
$slim-color-brand-charcoal: #595a59; 

'variants.scss'은 다음과 같습니다

$slim-color-brand-orange-light: lighten($slim-color-brand-orange, 15%); 
$slim-color-brand-blue-light: lighten($slim-color-brand-blue, 15%); 
$slim-color-brand-charcoal-light: lighten($slim-color-brand-charcoal, 15%); 

내가 좋아하는 외모를 수신 오류이 (가) 다음 그러나 : 아래

Undefined variable: "$slim-color-brand-light-blue-l5" 

은 예입니다 변수를 사용하는 방법 :

background-color: $color-error-background; 

아무도 내가 뭘 잘못하고 있다고 말할 수 있습니까? - 미리 감사드립니다;)

Answer 1

import- 문 뒤에 background-color : $ color-error-background가 main.scss 파일에있는 한 작동해야합니다.

기본 및 변형에는 변수가 포함됩니다. 그 (것)들을 수입하는 scss 파일은 그 가변에 접근 할 수있을 것이다.

문제는 index.js로 가져올 수 있다고 생각합니다.