node-sass 是一个编译 sass 源文件为css 的nodejs 库,这是一个用C++ 写的底层库,在我们使用命令

npm install node-sass

安装的时候会使用 node-gyp 库去编译安装,这里我大概记录下安装流程和注意事项。

缘起:

在安装 node-sass 时报错,因为我本地装了vs2015,以前也安装了vs2017、vs2019,导致编译选项混乱而失败。

安装流程

安装 msbuild 编译工具(这里我推荐使用2017版 msbuild 编译工具)

去微软官网下载 MSBuild工具

在这里插入图片描述

选这个 Build Tools 就行,然后启动,工作负荷页选中两个

在这里插入图片描述
在这里插入图片描述

单个组件页里面页选中一些组件安装

在这里插入图片描述
在这里插入图片描述

选好之后下载安装好

在这里插入图片描述

注意配置

先执行命令 npm config list 查看环境

在这里插入图片描述
如果有 msbuild_path 就用以下命令删掉

npm config delete msbuild_path

然后执行命令

npm config set msvs_version=2017

设置编译时使用我们刚安装的2017版的 msbuild工具

安装 node-sass
npm install node-sass

一般安装好 msbuild 编译工具,设置好编译工具选项,到这一步都会成功。当然,其他问题也可能使编译安装不成功,这里只简单记录下我的安装经验。有时候也可以试试用 yarn。

在这里插入图片描述

GitHub 加速计划 / no / node-sass
8.5 K
1.33 K
下载
:rainbow: Node.js bindings to libsass
最近提交(Master分支:2 个月前 )
6081731a Bumps [actions/setup-node](https://github.com/actions/setup-node) from 3 to 4. - [Release notes](https://github.com/actions/setup-node/releases) - [Commits](https://github.com/actions/setup-node/compare/v3...v4) --- updated-dependencies: - dependency-name: actions/setup-node dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> 9 个月前
62c0f46c Bumps [actions/checkout](https://github.com/actions/checkout) from 3 to 4. - [Release notes](https://github.com/actions/checkout/releases) - [Changelog](https://github.com/actions/checkout/blob/main/CHANGELOG.md) - [Commits](https://github.com/actions/checkout/compare/v3...v4) --- updated-dependencies: - dependency-name: actions/checkout dependency-type: direct:production update-type: version-update:semver-major ... Signed-off-by: dependabot[bot] <support@github.com> 9 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐