我用过 前。很容易使用,类似

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

我看见 sass.js. 。如何以类似的方式使用它?立即在HTML中解析供SASS文件。似乎sass.js更多地用于 node.js?

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

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

解决方案

没有正式批准的JavaScript实施SASS或SCSS。我已经看到了一些正在进行的实现,但是目前我不建议使用。

但是,请几点:

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

因此,尽管开始使用更多的设置,但我们(Sass Core团队)认为服务器端汇编是最佳的长期方法。同样,开发人员更喜欢为生产样式表的服务器端编译。

其他提示

由于VisionMeda/sass.js已不再可用,而且SCSS-JS已经两年没有更新,我可能会感兴趣您 sass.js. 。这是C ++库 libsass (也由 节点sass)使用Emscripten编译为JavaScript。可以在html中链接或嵌入的编译SCSS样式表的实现。 sass.link.js.

尝试使用sass.js 交互式操场

是的

正如我们所期望的那样,在重写之后 C ++, ,可以通过JavaScript通过 emscripten.

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

正如他们建议的那样,对于节点,您可以使用这个: https://github.com/sass/node-sass

我刚刚发现了一个有趣的sass.js游乐场。这些年来,一些事情可能发生了变化。看一下这个:

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

您绝对不应该使所有用户编译样式表,但是JavaScript实现也可以在服务器上运行。我还在寻找JavaScript Sass实现 - 用于Node.js应用程序。这是Sass团队正在考虑的事情吗?

有尝试 github, SCSS-JS. 。但是,这是不完整的,五个月内没有任何提议。

为什么要libsass

尽管没有正式认可的javascript实施SASS,但SASS引擎的官方C ++港口,称为 libsass. 。由于libsass是正式实施,因此最好选择使用引擎盖下使用libsass的JavaScript库。


在服务器上

对于在node.js环境中运行的JavaScript,有 节点sass.

在引擎盖下,节点 - 萨斯使用libsass本身。


在浏览器中

对于在浏览器中运行的JavaScript,有 sass.js.

在引擎盖下,sass.js使用libsass版本(在我写作时v3.3.6),该版本已转换为JavaScript emscripten.

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top