题
我用过 少 前。很容易使用,类似
<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。我已经看到了一些正在进行的实现,但是目前我不建议使用。
但是,请几点:
- 当您可以为所有人完成一次时,为什么要使所有用户都会编译样式表。
- 如果禁用JavaScript,您的网站会是什么样。
- 如果您决定在将来更改服务器端实现,则必须相应地更改所有模板。
因此,尽管开始使用更多的设置,但我们(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游乐场。这些年来,一些事情可能发生了变化。看一下这个:
您绝对不应该使所有用户编译样式表,但是JavaScript实现也可以在服务器上运行。我还在寻找JavaScript Sass实现 - 用于Node.js应用程序。这是Sass团队正在考虑的事情吗?
为什么要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.