有 SASS.js 吗？像 LESS.js 这样的东西？

Question

我之前使用过 LESS.js 。它很容易使用，就像

<link rel="stylesheet/less" href="main.less" type="text/css">
<script src="less.js" type="text/javascript"></script>

我看到的 SASS.js 一样。我怎样才能以类似的方式使用它？解析 SASS 文件以便立即在 HTML 中使用。看起来 SASS.js 更适合与 Node.js 一起使用？

var sass = require('sass')
sass.render('... string of sass ...')
// => '... string of css ...'

sass.collect('... string of sass ...')
// => { selectors: [...], variables: { ... }, mixins: { ... }}

Answer 1

sass 或 scss 没有官方认可的 JavaScript 实现。我已经看到了一些正在进行中的实现，但目前我不建议使用。

但是，请注意几点：

1. 当您可以为所有用户编译一次样式表时，为什么要让所有用户编译样式表。
2. 如果禁用 JavaScript，您的网站会是什么样子。
3. 如果您决定将来更改为服务器端实现，则所有模板都必须相应更改。

因此，虽然开始需要更多的设置，但我们（sass 核心团队）认为服务器端编译是最好的长期方法。同样，越来越少的开发人员喜欢使用服务器端编译来生成样式表。

Answer 2

由于visionmeda/sass.js 不再可用，并且 scss-js 已经有 2 年没有更新了，我可能会对 感兴趣sass.js。它是 C++ 库 libsass （也被 node-sass) 使用 Emscripten 编译为 JavaScript。编译在 html 中链接或内联的 scss 样式表的实现可以在 sass.link.js 中找到。

使用交互式游乐场尝试 sass.js

Answer 3

YES

正如我们所期望的，在C++上重写后，可以通过 Emscripten 在 Javascript 中编译它。

这是浏览器版本： https://github.com/medialize/sass.js/

作为他们建议，对于节点，您可以使用这个： https://github.com/sass/node-sass< /a>

Answer 4

我刚刚发现了一个有趣的 Sass.js Playground。这些年来，有些事情可能已经发生了变化。看看这个：

http://medialize.github.io/playground.sass.js/

Answer 5

您绝对不应该让所有用户都编译样式表，但是 JavaScript 实现也可以在服务器上运行。我也在寻找 javascript sass 实现 - 在 node.js 应用程序中使用。这是sass团队正在考虑的事情吗？

Answer 6

在 GitHub 上进行了尝试，scss-js。然而，它并不完整，并且五个月内没有任何提交。

Answer 7

为什么选择 LibSass

虽然没有官方认可的 sass JavaScript 实现，但 Sass 引擎有一个官方 C/C++ 端口，称为 LibSass。由于 LibSass 是官方实现，因此最好选择在底层使用 LibSass 的 JavaScript 库。

---

在服务器上

对于在 Node.js 环境中运行的 JavaScript，有 Node-sass< /a>.

在底层，Node-sass 使用 LibSass 本身。

---

在浏览器中

对于在浏览器中运行的 JavaScript，有 Sass.js。

在底层，Sass.js 使用 LibSass 版本（在我撰写本文时为 v3.3.6），该版本已通过 Emscripten。