美文网首页Web前端之路
【Web前端】node-sass的免翻墙团队安装

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

作者: mercurygear | 来源:发表于2017-05-08 11:27 被阅读107次

    选型

    项目打算用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了

    相关文章

      网友评论

        本文标题:【Web前端】node-sass的免翻墙团队安装

        本文链接:https://www.haomeiwen.com/subject/dbjmtxtx.html