PyCharm을 사용하여 sass 컴파일하기

Question

PyCharm을 사용하여 sass를 컴파일하면서 Foundation 사이트를 실험하고 있습니다.

이 기초라는 폴더를 생성하는 데, 나는라고 내 프로젝트의 루트 (기초 폴더와 같은 수준)에 폴더를 만든

cd foundation 
npm install foundation-sites --save 

사이트의 지시에 따라 파일을 설치 한 sass-test라고 부르며이 파일에는 custom.scss라는 파일이 있고 맨 위에 다음과 같은 파일이 있습니다.

@import "../foundation/node_modules/foundation-sites/scss/settings"; 
@import "../foundation/node_modules/foundation-sites/scss/foundation"; 

경로가 정확합니다. 그 다음은

난 그냥, 코드가 말대꾸 테스트 폴더로 컴파일 않습니다

body { 
    background:red; 
} 

가 PyCharm 내 파일 감시자을 설정 한 다음 컴파일 예를 테스트 할 간단한 무언가를 입력하지만, 컴파일 된 CSS 만 포함 신체 규칙. CSS는 settings.scss 또는 foundation.scss에서 컴파일되지 않았습니다.

전혀 아쉬움을 사용하지 않았는데, 내가 잘못 생각한 부분을 누군가 말해 줄 수 있습니까?

감사합니다.

Answer 1

util 디렉토리를로드 해보십시오. 당신이 훨씬을 원한다면 는 EG

내가 내려와 모든 것을 사용할 필요가 없었다 나는 모든 설정이 방법을로드

@import '../node_modules/foundation-sites/scss/util/util';  
@import '../node_modules/foundation-sites/scss/foundation.scss'; 

// Settings 
@include foundation-global-styles; 
@include foundation-grid; 
@include foundation-typography; 
@include foundation-forms; ` 

등 등,하지만 당신은 단지를 포함 아마도 수 설정은 부분적으로 동일합니다. 나는 주로이 문제가 유틸리티를로드하지 않는다고 생각합니다.

그렇기 때문에 프레임 워크를 node_modules에서 컴파일하는 방법을 얻었습니다. Pycharm을 사용하지 않아도됩니다.

희망이 도움이됩니다.