node-sass 安装失败_Node Sass 弃用，以 Dart Sass 代替

最新推荐文章于 2024-04-07 15:20:09 发布

weixin_39953236

最新推荐文章于 2024-04-07 15:20:09 发布

阅读量879

点赞数

文章标签： node-sass 安装失败

本文链接：https://blog.csdn.net/weixin_39953236/article/details/111679199

版权

Sass官方宣布弃用LibSass和Node Sass，推荐使用Dart Sass。LibSass因无法跟上Sass语言的发展而被弃用，未来将仅维护基本错误和安全问题。Dart Sass虽然在JavaScript环境中较慢，但具有更好的可移植性和性能，且支持Sass模块系统。官方鼓励用户迁移至Dart Sass以利用更多现代语言特性。

摘要由CSDN通过智能技术生成

就在今天，Sass 官方团队正式宣布 Libsass 将弃用，以及基于它的 Node Sass 和 SassC，并且建议用户使用 Dart Sass。

首先我们看下官方博客的一些回复（前半部分均来自官方博客 https://sass-lang.com/blog/libsass-is-deprecated），然后我们再来对 Node Sass 和 Dart Sass 做一个基准测试。读完本文以下问题将会得到解答。

那么为什么会有这次改动呢？
之后 Node Sass 还维护吗？
Dart Sass 能满足我们的需求吗？
Dart Sass 的性能如何？
Dart Sass 带来的好处和坏处。

背景说明

此次改动是在 Sass 核心团队进行了大量讨论之后，得出的结论，现在是时候正式宣布弃用 LibSass 和基于它构建的包(包括 Node Sass)。多年来，LibSass 显然没有足够的工程带宽来跟上 Sass 语言的最新发展 (例如，最近的语言

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_39953236

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

vue中把node-sass换成dart-sass方式（解决办法）

快乐学习

02-22

2548

因为node-sass和node.js版本关联太紧了，如果这两个版本不匹配，就会起冲突，导致项目无法运行。（3）不存在二进制文件安装，避免了node-sass因为依赖其他文件导致运行失败。（1）执行编译过程中，dart-sass内存占用比node-sass要大一点。node-sass是实时编译的，dart-sass是需要保存后才会生效。（2）避免项目以及其他的依赖升级node-sass导致不兼容问题。这样就用dart-sass替代了node-sass完成了。二、art-sass和node-sass的区别。

前端 | Vue-cli3 中如何将 node-sass 替换为 dart-sass | Vue

精品推荐，你我共享

10-01

584

这里选择使用dart-sass还有一个更主要的原因，sass官方已经将dart-sass作为未来主要的的开发方向了，有任何新功能它都是会优先支持的，而且它已经在社区里稳定运行了很长的一段时间，基本没有什么坑了。dart-sass之所以容易安装，主要是因为它会被编译成纯js，这样就可以直接在的 node 环境中使用。虽然这样它的运行速度会比基于的慢一些些，但这些速度的差异几乎可以忽略不计。整个社区现在都在拥抱dart-sass，我们没有理由拒绝！而且它的确大大简化了用户的安装成本。目前vue-cli在选择。

参与评论您还未登录，请先登录后发表或查看评论

用sass替代node-sass

包子大叔的笔记

03-24

3690

node-sass很难安装, 经常安装失败, 安装报错, 解决方案, 替代方案如下亲测有效 , 按这个我从一个老的Vue2的项目中去掉了node-sass

vue-cli 3中dart-sass替换node-sass

github_38894454的博客

06-06

4975

vue-cli 3中dart-sass替换node-sass 在使用 node-sass 过程中我们经常会遇到很多问题，不同平台上有各种各样的问题，python版本的问题，node-gyp的问题，node.js的版本问题等等，甚至因为国内网络的问题等等，所以官方现在推荐用dart-sass来作为编译器，在实际操作中发现dart-sass基本没什么坑，但是因为项目用的是vue-cli3初始化的vue项目，选用了node-sass，导致不管是部署还是多人开发都遇到了多多少少的问题；下面是官方的一段话：

node-sass已弃用了，升级sass-loader

qq_38935512的博客

09-15

4274

官方团队正式宣布 Libsass 将弃用，以及基于它的 Node Sass 和 SassC，并且建议用户使用 Dart Sass。而且经常会因为node-sass 和 loader-sass 版本不一样会出现不同的问题，所以直接启用。sass-loader V7版本是基于node-sass的，源码中有一个loader.js中引用了node-sass，所有需要升级到v8版本。放弃node-sass 直接安装sass sass-loader，可以用以下版本。升级之后一些sass 写法需要修改。

使用dart-sass代替node-sass

这是个什么博客

08-16

1515

引言在安装node-sass老是遇到一个坑，网速太慢装不进去，导致整个node_model安装失败解决方式放弃使用 node-sass，改用 dart-sass 解决下载慢、编译卡顿的问题，就是放弃使用node-sass。在当前项目的根目录下使用终端运行一下命令 // 场景：让React或Vue支持sass,由于npm6.9以上支持新功能package alias对包重命名 // 可以既满足包名为node-sass，但实际是使用的dart-sass的效果 npm install node-s

解决node-sass偶尔安装失败的方法小结

10-17

在开发JavaScript应用时，我们经常会使用到`node-sass`这个库，它是一个将Sass编译成CSS的工具，基于Google的dart-sass。然而，`node-sass`的安装过程中有时会出现问题，特别是在更新或升级Node.js版本后。本篇文章...

将node-sass升级为dart-sass，踩坑实录

weixin_44466651的博客

10-13

7222

首先将node-sass卸载npm uninstall node-sass 安装dart-sass 这里已经是踩坑第一步了，实际上不能理所当然的觉得是 npm install dart-sass ，因为虽然dart-sass名确实为dart-sass，但也是sass官方最开始为了区分node-sass来作出的一个命名，而后node-sass就已经被完全弃用，因而dart-sass也被弃用，统一使用sass来作为dart-sass。因此，此步正确做法如下npm install sass -D 在.

你还在为node-sass烦恼吗？快试试官方推荐的dart-sass

04-07

570

正值招聘旺季，很多小伙伴都询问我有没有前端方面的面试题！一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

dart-sass-importer-issues:示例回购示例显示了node-sass和dart sass对于导入器功能的行为不同

03-20

Dart Sass问题基于问题此存储库是sass行为与node-sass不同的一个示例。克隆存储库，然后在每个node-sass和sass文件夹中运行（无论是npm还是yarn是您的毒药） npm i yarn install 在每个文件夹中运行example.js...

grunt-dart-sass:通过Dart Sass将Sass编译为CSS

05-07

咕d镖通过Dart Sass将Sass编译为CSS 入门如果您以前从未使用过，请务必查看《指南》，因为它说明了如何创建以及安装和使用Grunt插件。熟悉该过程后，可以使用以下命令安装此插件： npm install -D sass grunt-dart-sass 插件安装完成后，可以使用以下JavaScript代码在您的Gruntfile中启用该插件： grunt.loadNpmTasks('grunt-dart-sass'); 用法使用grunt dart-sass命令运行此任务。选项有关正确使用选项和指南的更多信息，请参考。选项类似于选项，但不包括precision和sourceComments选项，并且不使用outputStyle选项的nested值和compact值。例子在传递给grunt.initConfig()的数据对象中添加一个名为dart-sass

Sass的的一个Dart实现Sass使CSS又有趣

08-09

Sass的的一个Dart实现，Sass使CSS又有趣

node-sass 替换为 sass

weixin_41223575的博客

01-14

4855

node-sass 替换为 sass

vue2项目，用dart-sass替换node-sass报错

ddx2019的博客

04-01

3912

一、原项目package.json的sass信息部分: "node-sass": "^4.12.0", "sass-loader": "^8.0.2", 二、用dart-sass替换node-sass 移除原项目的node-sass模块，并用dart-sass替代；命令如下： yarn remove node-sass yarn add sass-loader sass -D 此时的package.json关于sass的信息如下： "sass": "^1.32.8", "sass-lo

为什么node-sass被放弃

多才多多

03-28

551

node-sass被放弃的原因主要涉及其底层实现、维护成本以及与 Sass 社区发展的一致性。

放弃node-sass，启用sass

大山博客

03-05

818

在下载一个新项目时运行：npm run install 发现报错 npm uninstall 异常运行在install 如果没有效果，下载新版 visual studio目前最新是 visual studio Community 2022 ，勾选c++,安装完成后重新install 基本上可以成功了。

项目中安装并使用scss.(不需要安装node-sass)

李十三的博客

04-04

1173

估计你安装使用scss的时候出现了问题,比如安装的node-sass失败.好了,现在开始,忘记node-sass,拥抱dart-sass. 直接安装使用.和原本使用无区别.此外，还需要安装fibers，它是一个Node.js模块，可以加快Sass的编译速度。在Vue项目的根目录中，创建一个vue.config.js文件（如果尚未存在）。这将在Vue项目中全局引入global.scss文件，并使其可用于所有组件。这将定义全局的SCSS变量和样式，可以在所有组件中使用。

Sass安装

天空之外

11-12

394

Sass的系统需求操作系统 - Sass是独立于平台的浏览器支持 - Sass在Edge/IE（来自IE 8）、Frefox、Chrome、Safari、Opera中工作编程语言 - Sass基于Ruby Sass官方网站：https://sass-lang.com/ 安装Sass 当我们在命令行上安装Sass时，我们需要将能够运行的Sass可执行文件来将 .sass 和 .scss 文...

遇到项目中node-sass安装不了的情况，选择安装dart-sass

m0_47668952的博客

02-24

874

node-sass安装不了或者安装失败

node-sass一直安装失败