Node-sass是一個(gè)庫(kù),它將【Node.js】綁定到LibSass;它允許用戶以令人難以置信的速度將【.scss】文件本地編譯為css,并通過(guò)連接中間件自動(dòng)編譯。
本文操作環(huán)境:宏基S40-51、HBuilderX.3.0.5版本、Windows10家庭中文版
Node-sass是一個(gè)庫(kù),它將Node.js綁定到LibSass(流行樣式表預(yù)處理器Sass的C版本)。它允許用戶以令人難以置信的速度將.scss文件本地編譯為css,并通過(guò)連接中間件自動(dòng)編譯。
什么是Sass?
Sass是一種預(yù)處理器腳本語(yǔ)言,可以解釋或編譯成層疊樣式表(CSS)。
Sass包含兩種語(yǔ)法:較舊的語(yǔ)法使用縮進(jìn)將代碼塊和換行符分隔為單獨(dú)的規(guī)則;較新的語(yǔ)法SCSS使用像CSS這樣的塊格式。它使用大括號(hào)來(lái)表示代碼塊和分號(hào)來(lái)分隔塊中的行。
縮進(jìn)語(yǔ)法和SCSS文件傳統(tǒng)上分別給出擴(kuò)展名.sass和.scss
如何安裝Node-sass?
鑒于國(guó)內(nèi)的環(huán)境,node-sass實(shí)在是太難安裝了,可以直接通過(guò)淘寶的npm鏡像來(lái)安裝。
1、安裝cnpm(https://npm.taobao.org/)
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、在項(xiàng)目文件夾下安裝node-sass
cnpm install --save-dev node-sass
說(shuō)明:–save-dev自動(dòng)將node-sass加入到項(xiàng)目文件夾下的package.json中。
相關(guān)免費(fèi)學(xué)習(xí)推薦:php編程(視頻)