问题标签 [libsass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
978 浏览

css - 有没有办法用 libsass 运行 susy 或奇异性?

我喜欢susy,我喜欢Singularity。有没有办法让这两个与 libsass 一起工作,或者如果没有,是否有任何像我可以与 libsass 一起使用的网格框架(在我的情况下使用 node-sass)?

0 投票
0 回答
536 浏览

sass - grunt-sass,“观看”时没有错误日志

我正在使用以下 grunt 任务

grunt-sass grunt-contrib-watch grunt-autoprefix node-bourbon

(还有一些其他任务,例如 uglify、spritesmith 和 haml,我在本示例中省略了这些任务)

我的 grunt 文件如下所示:

这是有效的。但是,如果我的 sass 文件中有错误,则不会报告任何内容。例如,如果我尝试使用不存在的 $variable,我的终端中不会报告任何错误

这是两个后续日志,第一个成功编译,没有错误。第二个不编译(因为 scss 文件中有一个未定义的变量)

有谁知道为什么没有记录错误?

我正在重建我的 sass 样板以使用 libsass 和波旁威士忌而不是指南针。所以我预计在这个过程中会遇到很多错误,所以我真的需要知道这些错误是什么。

谢谢

0 投票
2 回答
11966 浏览

compass - 将 libsass 与指南针一起使用

正如标题所说。编译时间超过 50 秒是不可接受的。那么,有没有办法,比方说:一个带有罗盘魔法的单个(部分)文件(如精灵 mixins 等),而其余文件则带有纯 sass?

我正在考虑转向 less(参考导入),并用额外的 grunt 任务代替所有指南针技巧,但我更喜欢 sass 而不是 less。

我看到了那些 ,但我希望有一种方法可以用 compass 编译单个文件,其余的要与 libsass 合并(我有时使用 sass 3.3 语法,但如果我可以获得更好的编译时间,我可以恢复到 3.2 )。

有没有人成功完成这样的配置?

0 投票
2 回答
859 浏览

node.js - 无法构建 grunt-sass,输出空文件

所以我有一个运行良好的 grunt 脚本:

但是当我运行它时,grunt 只会在 sass:dev 任务中停止并创建空的 css 文件。这是我在控制台中得到的:

我已经重新安装了几次,但我无法找出问题所在。

0 投票
1 回答
217 浏览

node.js - 如何安装 grunt-sass 以使用 libsass

我正在尝试安装 grunt-sass,但在此过程中遇到了问题。我正在关注 grunt-sass文档和 node-gyp文档,但仍然无法正常工作。我附上了错误的屏幕截图。有人知道我做错了什么吗? 在此处输入图像描述

0 投票
1 回答
2664 浏览

ruby-on-rails - 将 libsass 与 Rails 资产管道一起使用

我正在尝试让 libsass 与 Rails 4 资产管道一起使用。到目前为止,我已经将ruby​​-libsass Gem 从 Github 克隆到了我的应用程序的 Vendor 文件夹中。我将以下内容添加到我的 gemfile 中:

然后我按照文档添加了 libsass 的子模块。在 libsass 文件夹中,我必须克隆到sass2scss库中才能编译。我用make install-sharedwhich created编译了它/usr/local/lib/libsass.so。在此之后,运行rake assets:precompile给出以下错误:

所以我把它符号链接libsass.dylib/usr/local/lib/libsass.dylib. 之后,我收到以下错误:

NameError: uninitialized constant SassC::Lib::Context::SassOptions

我尝试注释掉/ruby-libsass/lib/sassc/lib/context.rb调用 SassOptions 的行,这似乎使它工作并编译资产。第 20 行 context.rb 注释掉的代码:

现在,我遇到的问题是我看不到速度差异。编译我的资产大约需要 7 秒,无论是否将 libsass 添加到我的 Gemfile。由于最初的编译给出了一个与找不到 libsass.dylib 文件有关的错误,我认为它实际上是使用 sassc 而不是 sass,但看起来不是。

有什么想法我可能会错过吗?我没有使用 C 的经验,所以我什至不确定我是否正确编译了所有内容,等等。

0 投票
1 回答
1239 浏览

gulp - 使用 gulp/node/libsass 编译需要 30 多秒

我正在使用 Gulp 和 node-sass 来编译我的 sass。我也在使用 node-neat 和 node-bourbon。但是,当我编译时,需要 30-50 秒!我究竟做错了什么?我不太确定 libsass 如何在 gulp-sass 和 node-sass 中发挥作用,或者 gulp-sass 和 node-sass 之间的区别是什么。在我的 gulpfile.js 中,我都尝试了sass = require('gulp-sass'),sass = require('node-sass'),但它们给了我相同的结果。另外,我正在使用管道工,如果出现错误,它会停止观看。这是我的 gulpfile.js:

0 投票
1 回答
605 浏览

git - 在早午餐中使用 Compass mixins

我正在尝试使用 git 中的Compass-mixins插件并使用 Brunch 进行编译。

问题是我不能在 main.scss 中使用 mixins。例如,我必须导入 compass.scss,但这使得编译时间超过 2000 毫秒,而 100 毫秒。我确信还有另一种更好的方法,每次我更改 main.scss 时,它都不会从 compass 或 bourbon 编译所有 SCSS。这是我的结构和配置:

我的应用程序结构是 App -styles -styles/_settings.scss (用于基础) -styles/main.scss 如果我在主要作品中包含指南针真的很慢。如果我不这样做,它会说我尝试使用的 mixin 是未定义的。

编辑 1

今天我用波旁威士忌进行了测试,一切都快如闪电。compass-mixin 本身似乎存在问题。

0 投票
1 回答
665 浏览

sass - 如何添加@import“some.css”而不让Sass处理它

我有一个 scss 文件,我不希望 sass 在其中处理 @import 语句,因为它将由这个 postcss 模块处理https://github.com/postcss/postcss-import

如何使用 gulp-sass 做到这一点?

0 投票
1 回答
548 浏览

shell - 如何使用 Gulp.js 执行 CLI 程序 (libsass sassc) -> 创建流,捕获标准输出和标准错误

这是使用 Gulp.js 直接运行 libsass "sassc" 二进制文件的设置(如下所示),我目前正在使用插件gulp-run。这是经过多次修改,因为我根本不是节点或 gulp 专家,它仍然存在一些问题。

sassc二进制文件通常接受输入和输出文件参数(例如../bin/sassc file.scss > file.css),但它也可以使用参数来运行accept -sstdin因此可以从gulp.src()此处传递文件。如果我理解正确,似乎在这些条件下,成功地将其结果传递为。stdout一个名为“test.css”的文件被写入同一目录中。请注意,如果没有 gulp-run 命令的“详细”设置,生成的 CSS 将输出到终端。在这里,它被抑制,结果被传递到链条上;但是,这似乎仍然没有创建正确的输出流,因为我没有成功添加诸如gulp-autoprefixer 之类的进程在此之后内联。此外,我需要一种将标准错误(如果有)捕获到日志文件的方法(现在如果它在控制台中输出错误)。

任何指导表示赞赏。我也可能在 gulp-run 中使用了错误的插件。还有gulp-execgulp-shell,可能还有其他,但我真的不知道要寻找什么区别。