SASS(SCSS)를 CSS로 변환하는 방법

1. 컴퍼일러 설치

• node-sass는 Node.js를 컴파일러인 LibSass에 바인딩한 라이브러리입니다.
• -g옵션으로 전역 설치해줍니다.

npm install -g node-sass

2. 사용방법

• -w 혹은 -watch 옵션을 입력하면 파일을 감시하여 저장 시 자동으로 변환해줍니다.

node-sass [옵션] <입력파일경로> [출력파일경로]

예제)
node-sass style.scss style.css

3. 윈도우에서 보안 오류 발생 시

• 다음과 같은 보안 오류가 발생하면 <powershell>을 관리자모드로 실행시켜 명령어를 입력하면 정상적으로 작동합니다.

node-sass : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\7020_64bit\AppData\Roaming\npm\node-sass.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조하십시오.
위치 줄:1 문자:1
+ node-sass .\style.scss style.css
+ ~~~~~~~~~
    + CategoryInfo          : 보안 오류: (:) [], PSSecurityException
    + FullyQualifiedErrorId : UnauthorizedAccess