一、node-sass安装
1. 安装Python,配置环境变量
python: www.python.org/downloads/
npm配置python版本,npm需要是v8版本
npm config set python "C:\Python27\python.exe"
或者直接编辑npm用户配置文件.npmrc ,路径在`C:\Users\xxx\。
新增一行:
python=C:\Python27\python.exe
2.安装安装Visual C++构建环境
2.1 使用 windows-build-tools 自动安装
管理员权限运行cmd
npm install --global --production windows-build-tools
安装过程可能会出现卡住的情况,如果有C:\Users\xxx.windows-build-tools\vs_BuildTools.exe文件,可以自行双击安装。
2.2 手动安装
下载地址:Visual Studio 2017
左侧选择C++桌面开发,右侧选择VC++ 2017和Windows SDK
配置npm使用的vs构建构建工具版本
npm config set msvs_version 2017
4.安装node-gyp
node-gyp 是一个用于编译 Node.js C/C++ 扩展的工具。虽然 windows-build-tools 会安装 node-gyp,但如果你单独安装 node-gyp,可以确保所有依赖都已正确设置
npm install --global node-gyp
5.安装node-sass
npm i node-sass -D
6. node-sass与sass-loader的关系
sass-loader 4.1.1,node-sass 4.3.0
sass-loader 7.0.3,node-sass 4.7.2
sass-loader 7.3.1,node-sass 4.7.2
sass-loader 7.3.1,node-sass 4.14.1
sass-loader 10.0.1,node-sass 6.0.1
7.遇到的问题
【Windows11】cmd下运行python弹出windows应用商店解决方案
环境变量path中找到:C:\Users\xxx\AppData\Local\Microsoft\WindowsApps,并删除。
8.参考链接
记录安装 node-sass 失败原因及解决办法汇总:juejin.cn/post/694653…
node-sass和node版本对应关系:github.com/sass/node-s…
如何正确安装node-sass:blog.csdn.net/weixin_4558…
node-gyp安装:
配置Windows开发环境: