creat-react-app安裝node-sass常出錯

安裝node-sass的正確方式

安裝 node-sass 的時候總是會各種不成功,今天我琢磨了一會兒總算知道要怎麼解決了。

首先要知道的是,安裝 node-sass 時在 node scripts/install 階段會從 github.com 上下載一個 .node 文件,大部分安裝不成功的原因都源自這裏,因爲 GitHub Releases 裏的文件都託管在 s3.amazonaws.com 上面,而這個網址在國內總是網絡不穩定,所以我們需要通過第三方服務器下載這個文件。(順帶一提,你可以看看這個好玩的commit

方法一:使用淘寶鏡像

直接運行下面的命令即可:

SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass

我們可能更希望能直接使用 npm install 安裝所有依賴,所以我的做法是在項目內添加一個 .npmrc 文件(內容如下):

sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=https://npm.taobao.org/mirrors/phantomjs/
electron_mirror=https://npm.taobao.org/mirrors/electron/
registry=https://registry.npm.taobao.org

這樣使用 npm install 安裝 node-sasselectron 和 phantomjs 時都能自動從淘寶源上下載,但是在使用 npm publish 的時候要把 registry 這一行給註釋掉,否則就會發布到淘寶源上去了。

方法二:

直接使用cnpm

或者用less或者stylus

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章