Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本)。它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译。
什么是Sass?
Sass是一种预处理器脚本语言,可以解释或编译成层叠样式表(CSS)。
Sass包含两种语法:较旧的语法使用缩进将代码块和换行符分隔为单独的规则;较新的语法SCSS使用像CSS这样的块格式。它使用大括号来表示代码块和分号来分隔块中的行。
缩进语法和SCSS文件传统上分别给出扩展名.sass和.scss
如何安装Node-sass?
鉴于国内的环境,node-sass实在是太难安装了,可以直接通过淘宝的npm镜像来安装。
1、安装cnpm(https://npm.taobao.org/)
全局安装:
npm install -g cnpm --registry=https://registry.npm.taobao.org
在项目文件夹下安装node-sass
npm config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass
或者:cnpm install --save-dev node-sass
说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中。
以上就是node-sass是什么?
详细了解及学习:
Sass: Sass Basics | Sass 中文网
Sass: Sass Basics | Sass 中文网
npm 安装 node-sass 依赖时,会从 github.com 上下载 .node 文件。由于国内网络环境的问题,这个下载时间可能会很长,甚至导致超时失败。
解决方案就是使用其他源,或者使用工具下载,然后将安装源指定到本地。
解决方法一:使用淘宝镜像源
npm windows设置初始化仓库和代理
在C:\Users\Administrator 目录下新建 .npmrc文件
注意windows以点开头的文件创建方式 文件名输入 .npmrc. 即可创建成功
设置淘宝仓库地址
registry=https://registry.npm.taobao.org/
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
解决方法二:使用 cnpm
使用 cnpm 安装 node-sass 会默认从淘宝镜像源下载
cnpm install node-sass
解决方法三:下载 .node 到本地
根据自己所需的版本号环境下载
https://github.com/sass/node-sass/releases
安装时,指定变量 sass_binary_path,如:
npm i node-sass --sass_binary_path=/Users/lzwme/Downloads/darwin-x64-48_binding