>  기사  >  웹 프론트엔드  >  노드 Sass는 무엇을 합니까?

노드 Sass는 무엇을 합니까?

coldplay.xixi
coldplay.xixi원래의
2021-03-25 14:04:269084검색

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

노드 Sass는 무엇을 합니까?

이 문서의 운영 환경: Windows 7 시스템, 노드 v4.4.3 버전, Dell G3 컴퓨터.

Sass란 무엇인가요?

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

Sass에는 두 가지 구문이 포함되어 있습니다. 이전 구문은 들여쓰기를 사용하여 코드 블록과 개행 문자를 별도의 규칙으로 분리합니다. 최신 구문 SCSS는 CSS와 같은 블록 형식을 사용합니다. 중괄호를 사용하여 코드 블록을 나타내고 세미콜론을 사용하여 블록 내의 줄을 구분합니다.

들여쓰기 구문과 SCSS 파일은 전통적으로 별도로 확장명이 부여됩니다..sass.scss

Node-sass를 설치하는 방법은 무엇입니까?

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

1. cnpm 설치(https://npm.taobao.org/)

npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 프로젝트 폴더에 node-sass를 설치합니다.

cnpm install --save-dev node-sass

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

더 많은 무료 학습을 알고 싶다면 php training 칼럼을 주목해주세요!

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

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