>  기사  >  웹 프론트엔드  >  node-sass는 무엇을 합니까?

node-sass는 무엇을 합니까?

WBOY
WBOY원래의
2022-07-06 10:38:214518검색

"node-sass"는 "node.js"를 LibSass에 바인딩하기 위한 라이브러리입니다. LibSass는 인기 있는 스타일시트 전처리기 sass의 C 버전입니다. "node-sass"를 사용하면 사용자가 ".scss"를 바인딩할 수 있습니다. css이며 미들웨어를 연결하여 자동으로 컴파일할 수 있습니다.

node-sass는 무엇을 합니까?

이 문서의 운영 환경: Windows 10 시스템, nodejs 버전 16, Dell G3 컴퓨터.

node-saas의 기능

Node-sass는 Node.js를 LibSass(인기 스타일시트 전처리기 Sass의 C 버전)에 바인딩하는 라이브러리입니다. 이를 통해 사용자는 미들웨어 연결을 통한 자동 컴파일을 통해 기본적으로 놀라운 속도로 .scss 파일을 CSS로 컴파일할 수 있습니다.

Sass란 무엇인가요?

Sass는 CSS(Cascading Style Sheets)로 해석되거나 컴파일될 수 있는 전처리기 스크립트 언어입니다.

node-sass를 어떻게 설치하나요?

국내 환경을 고려하면 node-sass는 설치가 너무 어렵습니다. 타오바오의 npm 이미지를 통해 직접 설치가 가능합니다.

프로젝트 폴더에 node-sass 설치

npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install --save-dev node-sass

지침: –save-dev는 자동으로 프로젝트 폴더의 package.json에 node-sass를 추가합니다.

지식 확장

설치 중 문제 요약

오류 해결을 위한 두 단계 Node Sass 버전 7.0.0이 4.0.0과 호환되지 않습니다. 프론트엔드 프로젝트를 빌드하려면 create-react-app을 사용하세요

If Sass를 사용하고 싶다면 설치하세요. npm install node-sass --save

서비스 시작 시 오류 발생:

Node Sass 버전 7.0.1이 ^4.0.0

과 호환되지 않습니다. 오류는 비호환성으로 인해 발생합니다

npm uninstall node-sass
npm i -D sass

추천 학습: "nodejs 비디오 튜토리얼

위 내용은 node-sass는 무엇을 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.