Web前端之路

【Web前端】node-sass的免翻墙团队安装

2017-05-08  本文已影响107人  mercurygear

选型

项目打算用css预处理(预处理的嵌套语法实在不能拒绝),而css的预处理sass、less和stylus这三者中,考虑到优先选择主流的,自然而然就偏向选择sass/scss,但是还要搭建ruby环境编译sass感觉太麻烦了,就网上找了下资料,果然,npm提供了编译好的node-sass,无需再安装ruby了,下好即用。
但是,又出现了个新问题,node-sass编译好的二进制库是从github下载的,大概有2.xMB大,由于github的不稳定性,导致这个安装会经常卡住,网上一堆人吐槽这个问题。当然,翻墙可以解决这个问题,但是从团队的角度来说,这不是个好方案。
然后,淘宝的cnpm给我们带来了解决方案,它也提供了那个二进制文件,接下来就是如何配置来让npm从淘宝源下载了。

解决方案

网上的解决思路要么是设置全局用户的环境变量,要么是用install命令是带上配置,这些都觉得不是太好,我们需要的是,一个新环境的搭建,只需要从代码库下载回来项目之后,一个npm install就搞定了,不再需要其他的额外设置。
其实方案也简单,就是使用npm的项目级配置文件,在我们的项目根目录下,新建一个.npmrc文件,然后里面的内容为

# per-project config file 
SASS_BINARY_SITE = https://npm.taobao.org/mirrors/node-sass/

接着,在package.json里加上node-sass的依赖。
好了,现在再来npm install,就可以完美的从淘宝源安装好这个node-sass了

上一篇下一篇

猜你喜欢

热点阅读