首先,我按照常规步骤安装
- npm install node-sass --save-dev
- npm install sass-loader@^7.3.1 --save-dev
-
npm install style-loader --save-dev
执行这三步,但当我引用scss文件后出现报错了
image.png
于是我查看node-sass 的版本是5.0.0,查询百度建议安装node-sass@4.14.1版本,
我又卸载了node-sass,重新安装4的版本,但死活安装不上,报错了,找了好久才找到解决办法
注意:一下就是解决安装4版本的解决方法
解决办法一 使用淘宝镜像源(推荐)
设置变量 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/ npm install node-sass
// window 下
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass
或者设置全局镜像源:( 我直接用的这种方式一步成功)
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
之后再涉及到 node-sass 的安装时就会从淘宝镜像下载。
解决方法二:使用 cnpm
使用 cnpm 安装 node-sass 会默认从淘宝镜像源下载,也是一个办法:
cnpm install node-sass
这里方法二,我尝试并没有成功,不知何因,小伙伴们可以自行选择!