使用Live编译器(VS代码扩展)还是通过npm安装和运行Sass更好？(+提示如何从节点Sass转换为dart-sass)？

Question

我正在做一个关于高级CSS和Sass的在线课程，发现它在课程中显示的方式有点过时。

本课程在依赖项中使用节点-sass，这是不推荐的。一个直接的替代方法是使用Dart-sass (我将编写我的步骤，最终可能会有人从中受益：)

另一种选择是使用VS代码扩展"Live Sass Compiler“。这一选择似乎得到了很好的接受。

然而，我不知道这些选择有什么好处和不同之处。昨天我在扩展时遇到了一些麻烦，然后用飞镖作为依赖，用这种方式解决了我的问题。也许这是因为我的代码出了什么问题，但它还是留给了我这个问题，我认为其他人将来也会有同样的问题。

这是我在这里的第一个问题，如果我做错了什么，不要责备我。

对于那些对如何将代码从节点sass更改为dart-sass的人来说，下面是步骤(至少对我来说，这些是我所做的过程中的步骤)：

使用命令行安装dart sass：npm i -D sass

• Change您的脚本中写着node-sass to be sass (在package.json)

• Change中，-w在您的watch:sass脚本到--watch (在package.json)

• You中也可以做npm uninstall node-sass来消除

G 216)

Answer 1

如果您想使用最实际的版本Dart SASS与'Live编译器‘，您需要注意的版本。最流行的版本是多年不支持的，所以它不支持Dart Sass。

但是有一个叉子是受支持的，作为叉，您可以使用相同的设置。

关于NPM和Live编译器的问题:两者都是Sass的Javascript版本。作为Javascript版本，它们的速度不如直接在系统上安装SASS一样快。Javascript本身的区别并不大。所以我认为NPM和Live编译器之间最好的选择是使用Live编译器(分叉版本！)因为它是集成到编辑器和更容易使用的直接从那里。

如果你需要一个更快的解决方案，你真的应该安装原来的版本。这并不像听起来那么困难。并且有一个VS代码扩展，使得使用原始安装版本成为可能，很容易从VS代码中直接上升。

详细信息：

直接在您的系统上安装SASS：

https://sass-lang.com/install

提供给命名VS代码扩展的信息：

https://stackoverflow.com/a/66207572/9268485

Answer 2

我不知道你到底在看什么教程。而且，我在前端并不是很有经验，但在我看来，使用Sass作为css预处理器目前并不是生产的最佳选择。

但是，既然您在问如何实现sass，我将描述一个过程，就像您使用React处理npx create-react-app一样。

首先，您是对的，关于在sass上使用sass。此命令将帮助您完成以下操作：npm install --save-dev sass。根据这个问题看来你已经试过了。

之后，将新脚本添加到scripts文件中的package.json文件中："sass" : "sass src/Sass:src/Css --watch --no-source-map"，您就完成了。

在我个人看来，我更喜欢通过npm而不是VSC插件来实现它。毕竟它会更稳定。但是，如果你使用它，为了测试/学习的目的，我认为，你可以尝试两者。