使用 node-sass 代替 sass答案

【问题标题】：using node-sass instead of sass使用 node-sass 代替 sass
【发布时间】：2020-09-08 06:57:54
【问题描述】：

我的意思是这个问题是一个真正的好奇心。

如果您使用 node、npm（或 yarn）并且您有一个带有脚本的 package.json，您可以告诉您的 CI 运行以构建您的应用程序/将您的资产放在一起，什么是选择实现node-sass 而不是sass 背后的原因是什么？

将样式放入 JS 运行时的原因是什么？（这就是我理解它会做的事情，我猜这可能会偏离一英里）

【问题讨论】：

【解决方案1】：

node-sass 只是绑定到libsass 以便 JavaScript 工具可以调用它。这对于捆绑使用 JavaScript 编写的工具（如 webpack）尤其重要。

【讨论】：

当然，但是如果您可以使用sass cli 执行相同的操作，为什么需要通过webpack 运行您的样式（假设您正在运行一个脚本来执行此操作）？方便吗？或者可能存在需要将 Sass 绑定到 JS 中的特定用例（不是捆绑）？
你不需要，但是 webpack sass-loader 支持各种事情，比如在你的 JavaScript 代码中导入 .scss 文件，CSS 拆分可以手动操作- 与 JavaScript 代码拆分、统一资产文件管理等相结合。如果您查看 webpack 生态系统（或其他使用 node-sass 的 JS 工具链），您会发现使用样式感知 JavaScript 可以做很多有用的事情.如果您只想使用 sass 手动生成 CSS 文件，那就去吧。