選型
項(xiàng)目打算用css預(yù)處理(預(yù)處理的嵌套語(yǔ)法實(shí)在不能拒絕),而css的預(yù)處理sass、less和stylus這三者中,考慮到優(yōu)先選擇主流的更啄,自然而然就偏向選擇sass/scss,但是還要搭建ruby環(huán)境編譯sass感覺(jué)太麻煩了居灯,就網(wǎng)上找了下資料祭务,果然,npm提供了編譯好的node-sass怪嫌,無(wú)需再安裝ruby了义锥,下好即用。
但是岩灭,又出現(xiàn)了個(gè)新問(wèn)題拌倍,node-sass編譯好的二進(jìn)制庫(kù)是從github下載的,大概有2.xMB大川背,由于github的不穩(wěn)定性贰拿,導(dǎo)致這個(gè)安裝會(huì)經(jīng)常卡住熄云,網(wǎng)上一堆人吐槽這個(gè)問(wèn)題。當(dāng)然妙真,翻墻可以解決這個(gè)問(wèn)題缴允,但是從團(tuán)隊(duì)的角度來(lái)說(shuō),這不是個(gè)好方案珍德。
然后练般,淘寶的cnpm給我們帶來(lái)了解決方案,它也提供了那個(gè)二進(jìn)制文件锈候,接下來(lái)就是如何配置來(lái)讓npm從淘寶源下載了薄料。
解決方案
網(wǎng)上的解決思路要么是設(shè)置全局用戶(hù)的環(huán)境變量,要么是用install命令是帶上配置泵琳,這些都覺(jué)得不是太好摄职,我們需要的是,一個(gè)新環(huán)境的搭建获列,只需要從代碼庫(kù)下載回來(lái)項(xiàng)目之后谷市,一個(gè)npm install就搞定了,不再需要其他的額外設(shè)置击孩。
其實(shí)方案也簡(jiǎn)單迫悠,就是使用npm的項(xiàng)目級(jí)配置文件,在我們的項(xiàng)目根目錄下巩梢,新建一個(gè).npmrc文件创泄,然后里面的內(nèi)容為
# per-project config file
SASS_BINARY_SITE = https://npm.taobao.org/mirrors/node-sass/
接著艺玲,在package.json里加上node-sass的依賴(lài)。
好了鞠抑,現(xiàn)在再來(lái)npm install饭聚,就可以完美的從淘寶源安裝好這個(gè)node-sass了