当前端vue项目中使用了scss样式时,需要使用node-sass包来编译,但是在安装这个包时会出现安装失败的错误,就这个问题,记录一下。
什么是Sass?
Sass是一种预处理器脚本语言,可以解释或编译成层叠样式表(CSS)。
Sass包含两种语法:较旧的语法使用缩进将代码块和换行符分隔为单独的规则;较新的语法SCSS使用像CSS这样的块格式。它使用大括号来表示代码块和分号来分隔块中的行。
缩进语法和SCSS文件传统上分别给出扩展名.sass和.scss。
sass 最早是由 ruby 实现的而非 node.js 所以它是直接二进制分发或者需要经过 node-gyp 编译,这是大家觉得它安装很“坑”的根源所在。
如何安装Node-sass?
鉴于国内的环境,node-sass实在是太难安装了,可以直接通过淘宝的npm镜像来安装。
1、安装cnpm(淘宝镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org
2、在项目文件夹下使用cnpm安装node-sass
cnpm install --save-dev node-sass