是否有一个SASS.js?像LESS.js一样?

css CSS

Davaid神无

2020-03-17

我已经使用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: { ... }}

第1974篇《是否有一个SASS.js?像LESS.js一样?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

6个回答
Pro泡芙猿 2020.03.17

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

凯泡芙JinJin 2020.03.17

GitHub上有一个尝试scss-js但是,它不完整,并且在五个月内没有任何提交。

村村理查德 2020.03.17

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

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

樱猿 2020.03.17

正如我们所期望的,在用C ++重写之后,可以通过Emscripten在Javascript中对其进行编译

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

按照他们的建议,对于节点,您可以使用以下命令:https : //github.com/sass/node-sass

Jim十三 2020.03.17

没有官方批准的sass或scss JavaScript实现。我看到了一些正在实施的实现,但是目前我不推荐使用这些实现。

但是,请注意以下几点:

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

因此,尽管需要更多设置才能开始,但我们(sass核心团队)认为服务器端编译是最好的长期方法。同样,较少的开发人员更喜欢将服务器端编译用于生产样式表。

猿JinJin 2020.03.17

由于visionmeda / sass.js不再可用,并且scss-js两年内都没有更新,所以我可能对sass.js感兴趣这是使用Emscripten编译为JavaScript 的C ++库libsass(也由node-sass使用)。可以在sass.link.js中找到编译以html链接或内联的scss样式表的实现

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android