Koala를 사용하여 Sass 컴파일 할 때 출력 대상을 설정하는 방법

Koala를 사용하여 Sass를 컴파일 할 때 기본값은 css의 출력 대상이 Sass 파일과 동일한 디렉토리입니다.
시작할 때마다 출력 대상을 변경하는 것은 번거롭기 때문에, 미리 Koala 설정 파일을 작성해 두면 편리합니다.

설정 파일을 만드는 방법

Koala를 시작하고 Sass 파일이 들어 있는 디렉토리를 각 디렉토리마다 Koala로 드래그합니다.


드래그하면 디렉토리에 포함된 Sass 파일(정확하게는 Scss 파일)이 나열됩니다.


이 시점에서 컴파일되고 디렉토리에 css 파일이 출력됩니다.

이 화면에서 왼쪽 열의 디렉토리 이름을 마우스 오른쪽 버튼으로 클릭 → "프로젝트 설정"→ "구성 파일 만들기"→ "For Sass"를 선택합니다.


"Koala-config.json을 프로젝트 폴더에 만들었습니다. 지금 편집 하시겠습니까?"라는 메시지가 나타나면 "확인"을 선택하십시오.

출력 대상 설정

디렉토리에 "koala-config.json"이라는 파일이 만들어지므로 열립니다.
「mappings」의 상당에 이하와 같이 기술합니다.css_dir 에 상대 패스로 지정하는 방법이 효과가 없어졌으므로, 「mappings」를 사용하는 정규의 방법에 수정했습니다.

    {"mappings": [
         {
            "src": ".",
            "dest": "../css"
         }
    ]}

"src": "." 의 부분에 컴파일원의 디렉토리명을, "dest": "css" 의 부분에 아웃풋처의 디렉토리명을 상대 패스로 재기입해 주세요.

디렉토리별로 출력하는 경우

    {"mappings": [
         {
            "src": "hoge",
            "dest": "../css/hoge"
         },
                 {
            "src": "foo",
            "dest": "../css/foo"
         }
    ]}

라고 지정하는 것으로 각각 지정할 수 있습니다.

이제 다음 번부터 Koala 시작과 동시에 지정된 출력 대상으로 출력됩니다.

덧붙여서 미리 "koala-config.json"을 Sass 디렉토리에 넣어 두면 (당연하지만) "구성 파일 만들기"의 절차도 필요하지 않습니다.

도움이되면 다행입니다.

아래의 페이지를 참고로 했습니다. 감사합니다.

▼Using project settings
htps : // 기주 b. 코 m / k ki / Koa / Uaki / Ushin gp Rojictt-Setchin gs