Node-sass是一个库,它将Node.js绑定到LibSass(流行样式表预处理器Sass的C版本)。它允许用户以令人难以置信的速度将.scss文件本地编译为css,并通过连接中间件自动编译。
![](https://i-blog.csdnimg.cn/blog_migrate/5feb1e507ee8c60245864a7f27475cfb.jpeg)
什么是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
2、在项目文件夹下安装node-sass
cnpm install --save-dev node-sass
说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中。
vue项目运行报错:Module bulid failed: Error: Node Sass does not yet support your current environment
解决方法(第一种亲测有效):
第一种:
1.先检查项目的node_modules文件夹是否存在node-sass文件夹,存在,删掉,不存在,执行第二步;
2.打开cmd,在项目根目录下输入以下代码
npm install --save-dev node-sass --sass-binary-site=http://npm.taobao.org/mirrors/node-sass
node-sass安装成功
说明:--save-dev自动将node-sass加入到项目文件夹下的package.json中。
第二种:
- 进入项目的node_modules目录下;
2.使用git克隆node-sass源码:Git路径为:git clone https://github.com/sass/node-sass.git
3.使用编辑器,进入node_modules/node-sass/package.json文件中;
4.使用编辑器,将package.json文件中nodeSassConfig>binarySite的值修改为淘宝镜像地址;
![](https://img2020.cnblogs.com/blog/1206765/202004/1206765-20200410144017102-1651641618.png)
5.在cmd进入node-sass文件夹中,执行以下命令:npm install
即可等待node-sass安装成功
版权声明:本文为CSDN博主「马默然」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/Long861774/article/details/86676413