![[SCSS] Live Sass Compiler 설정 포스팅 썸네일 이미지](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FlDrDF%2Fbtq4qBiXVof%2FAAAAAAAAAAAAAAAAAAAAAJBz1ef1V3ROXT0ageTvsnGTEagI6rOjxxAyeAeGNbe9%2Fimg.jpg%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1753973999%26allow_ip%3D%26allow_referer%3D%26signature%3D02DZAjw6xy8zxNn0urBRUw1oU9I%253D)
HTML&CSS
[SCSS] Live Sass Compiler 설정
vscode의 Live Sass Compiler를 사용하다보면 느끼는 두 가지 불편사항이 있다. 첫째는 불필요한 map 파일이 생성되고 css 파일 하단에 map 주석이 생성되는 점이다. 두번째는 컴파일된 css파일이 강제로 expanded 스타일로 생성되는 점이다. 다행히 설정에서 이 문제들을 해결할 수 있다. 먼저 vscode의 설정(ctrl + ,)에 들어간다. 그리고 Live Sass Compile를 검색하고 Settings: Generate Map을 settings.json에서 편집한다. 그러면 "liveSassCompile.settings.generateMap" 이 나타나는데 이 값을 false로 저장한다. 처음부터 false로 되어 있다면 그 상태 그대로 다시 저장한다. 그리고 map 파일을..
