[Sass/SCSS] Sass/SCSS style 쉽게 추적하기

Sass/SCSS 를 사용하는경우, 별다른 셋팅이 없으면 모든 style이 연결된 css로만 추적이된다..

오늘은 개발의 편의를위해, 이를 scss파일로 추적 가능하게 만들어보도록 하자.

 

1. package.json 열기

 

2. "scripts"   sass 를 정의한 라인에 하단 옵션 추가

--source-map true

추가된 모습은 다음과 같다.

 

* node-sass option에 해당 옵션을 추가한거예요.

 

3. 터미널에서 npm run sass

 

4. 연결된 scss다시 저장 하면, 다음과 같이 css가 아닌, scss로 스타일을 추적할 수 있다.