什么是Sass?
Sass是一種預(yù)處理器腳本語(yǔ)言,可以解釋或編譯成層疊樣式表(CSS)。
Node-sass是一個(gè)庫(kù),它將Node.js綁定到LibSass(流行樣式表預(yù)處理器Sass的C版本)。它允許用戶以令人難以置信的速度將.scss文件本地編譯為css,并通過(guò)連接中間件自動(dòng)編譯。
如何安裝node-sass?
鑒于國(guó)內(nèi)的環(huán)境,node-sass實(shí)在是太難安裝了,可以直接通過(guò)淘寶的npm鏡像來(lái)安裝。
在項(xiàng)目文件夾下安裝node-sass
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install --save-dev node-sass
說(shuō)明:–save-dev自動(dòng)將node-sass加入到項(xiàng)目文件夾下的package.json中。
不同node-sass版本的環(huán)境
https://github.com/sass/node-sass/releases
安裝中出現(xiàn)問(wèn)題總結(jié)
兩步驟解決出現(xiàn)Node Sass version 7.0.0 is incompatible with 4.0.0錯(cuò)誤使用 create-react-app 構(gòu)建前端工程
想要使用sass,安裝好 npm install node-sass --save
啟動(dòng)服務(wù)報(bào)錯(cuò):
Node Sass version 7.0.1 is incompatible with ^4.0.0
看錯(cuò)誤是不兼容導(dǎo)致的
npm uninstall node-sass
npm i -D sass