node-sass
在安装node-sass之前,我先介绍一下什么是node-sass。node-sass是一个项目依赖,在一个项目中在使用sass语法的时候,必须通过sass-loader来解析sass,从而使sass语法变成浏览器能够识别的CSS语法,而node-sass模块就是对sass-loader的支持模块,所以不安装node-sass,sass-loader就不能正常工作
node-sass安装过程中问题的解决
我首先用vuecli安装了项目需要的十几个依赖,但是当我安装node-sass时就出错了,一直安装不了,于是我直接通过visual studio code的终端进行安装,当执行npm install node-sass --save时还是出现错误
接下来我安装了淘宝的npm镜像然后再安装node-sass,解决以上问题。
- npm install -g cnpm --registry=https://registry.npm.taobao.org (安装淘宝镜像)
- cnpm install node-sass --save (使用淘宝镜像安装node-sass)
原本以为安装好淘宝镜像之后就可以成功安装node-sass,但是visual studio code终端又出现了“cnpm - 解决“cnpm:无法加载文件C:*******,因为在此系统上禁止运行脚本……(等有关信息)””
这次我们可以在win10搜索框中输入Windos PowerShell,然后选择管理员身份运行
然后再powershell命令行之后,输入:set-ExecutionPolicy RemoteSigned,然后修改权限为A,最后最后通过 get-ExecutionPolicy 查看当前的状态,显示RemoteSigned就是成功了
接着回到visual studio code的终端,运行cnpm install node-sass --save,问题就解决了
如果出现编译错误,降低版本
cnpm install sass-loader@7.0.3 --save-dev