前端工程化以后,开发前的第一件事情就是安装包,但是可能会经常遇到node-sass安装失败的情况,让人很无奈~~
这是因为npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。
接下来分享一下自己找到的一些解决方案:
一、使用淘宝镜像源(推荐)
设置变量 sass_binary_site,指向淘宝镜像地址。
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
也可以设置系统环境变量的方式。示例
Linux或者Mac下:
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/
Window 下
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/
或者设置全局镜像源:
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
之后再涉及到 node-sass 的安装时就会从淘宝镜像下载。
二、使用cnpm下载
cnpm install node-sass
三、创建.npmrc文件
在项目根目录创建.npmrc文件,复制下面代码到该文件: phantomjs_cdnurl=http://cnpmjs.org/downloads sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ registry=https://registry.npm.taobao.org 保存后 删除之前安装失败的包(第一次安装请跳过此步) npm uninstall node-sass 重新安装 npm install node-sass
四、点击这里去根据版本号、系统环境,选择下载 .node 文件,然后安装时,指定变量 sass_binary_path,如:
npm i node-sass --sass_binary_path=/Users/UserName/Downloads/darwin-x64-48_binding.node
建议第一种方案比较实用,第三种方案适合项目团队开发,对于不太熟悉如何解决node-sass的同事比较好,当然也可以直接
通过vpn全局安装,直接从github下载。
标签: 开发工具
文章来源:
前端这点事
版权声明:除非特别标注,否则均为本站原创文章,转载时请以链接形式注明文章出处。
还木有评论哦,快来抢沙发吧~