[SASS]vscode sass 컴파일 경로 설정하기

vscode에서 Live Sass Compiler를 통한 sass 컴파일 경로 설정하는 방법입니다.

Live Sass Compiler 설정파일에서 해당부분을 찾아서 수정해줍니다.

"liveSassCompile.settings.formats": [
		{
			"format": "expanded",
			"extensionName": ".css",
			"savePath": "~/.."
		},
		{
			"format": "compressed",
			"extensionName": ".min.css",
			"savePath": "~/.."
		}
	],

savePath에서 설정하시면 됩니다.

"savePath": null (현재 .sass파일에 .css생성)

"savePath": "~/" (현재 위치로 부터의 상대경로)

"savePath": "/" (루트 경로)

 

반응형

예제.

프로젝트 폴더를 루트라고했을때 project > css > scss 이렇게 폴더 구성을 했고 .scss 파일은 scss 폴더에 있다고 가정했을때 입니다.

그리고 컴파일된 .css 파일은 css폴더에 넣는다고 하면, "savePath": "~/.." 이렇게 설정해주시면 됩니다.