맥 M1 SASS 에러 해결 방법

새로운 프로젝트를 시작하면서

Vue-Bootstrap 템플릿을 사용하게 되었다.

 

템플릿을 사용하면서 필요한 package를 install 하는 중에 sass 관련 에러가 발생했다.

 

아래 sass의 공식문서에 따르면

node-sass뿐만 아니라 libSass라는 라이브러리를 더이상 사용하지 않는다는 내용이었다.

그 대신 Dart-Sass라는 패키지로 대체하여 사용하라고 권장하고 있다.

 

node-sass와 LibSass를 더이상 사용하지 않는 이유에 대해서는 아래 Reference를 확인해보면 좋을 것 같다.

 

내가 사용하려는 템플릿에서는 node-sass를 사용하고 있었지만 이는 현재 m1 맥북을 사용하는 환경에서는 설치가 되지 않아 에러가 나는 것이었다. 

 

내가 해결한 방법은 권장사항과 같이 node-sass대신 Dart-sass를 설치하였고,

Dart-sass와 node-sass간 약간의 문법적 차이가 있는 부분을 변경시켜주었다.

 

 

그 결과 성공적으로 패키지를 설치할 수 있었다.

 

# Reference

Sass: LibSass is Deprecated

Sass: Dart Sass