[scss]vscode live sass compiler 저장 위치 변경 / map 안 만들기

setting 열기 (컨트롤 + , )

@ext:glenn2223.live-sass 검색

Editt in setting.json

"liveSassCompile.settings.formats": [
  {
    "format": "expanded", 
    //  expanded(default), compact, compressed, nested. 
    "extensionName": ".css",
    // ".css" 혹은 ".min.css" 등으로 저장
    "savePath": "~/../",
    // 저장경로
  },
]

위 코드 추가 

 

포맷 예시

// expanded
div{
  width: 100px;
  height : 100px;
}
span{
  display:block
}

// compact > sass에는 있는데 실제로 컴파일 실패뜸
div{
  width: 100px;  height : 100px;
}
span{
  display:block
}

// compressed
// min.css형식
div{width: 100px;  height : 100px;}span{display:block}


// nested
// sass 형식
div
  width: 100px;
  height : 100px;

span
  display:block

 

 

 

live sass compile > Settings : Generate Map 

false로 변경

(true : map파일 저장(default) , false : map파일 저장 안함)