问题标签 [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.
css - 有没有办法用 libsass 运行 susy 或奇异性?
我喜欢susy,我喜欢Singularity。有没有办法让这两个与 libsass 一起工作,或者如果没有,是否有任何像我可以与 libsass 一起使用的网格框架(在我的情况下使用 node-sass)?
sass - grunt-sass,“观看”时没有错误日志
我正在使用以下 grunt 任务
grunt-sass grunt-contrib-watch grunt-autoprefix node-bourbon
(还有一些其他任务,例如 uglify、spritesmith 和 haml,我在本示例中省略了这些任务)
我的 grunt 文件如下所示:
这是有效的。但是,如果我的 sass 文件中有错误,则不会报告任何内容。例如,如果我尝试使用不存在的 $variable,我的终端中不会报告任何错误
这是两个后续日志,第一个成功编译,没有错误。第二个不编译(因为 scss 文件中有一个未定义的变量)
有谁知道为什么没有记录错误?
我正在重建我的 sass 样板以使用 libsass 和波旁威士忌而不是指南针。所以我预计在这个过程中会遇到很多错误,所以我真的需要知道这些错误是什么。
谢谢
node.js - 无法构建 grunt-sass,输出空文件
所以我有一个运行良好的 grunt 脚本:
但是当我运行它时,grunt 只会在 sass:dev 任务中停止并创建空的 css 文件。这是我在控制台中得到的:
我已经重新安装了几次,但我无法找出问题所在。
ruby-on-rails - 将 libsass 与 Rails 资产管道一起使用
我正在尝试让 libsass 与 Rails 4 资产管道一起使用。到目前为止,我已经将ruby-libsass Gem 从 Github 克隆到了我的应用程序的 Vendor 文件夹中。我将以下内容添加到我的 gemfile 中:
然后我按照文档添加了 libsass 的子模块。在 libsass 文件夹中,我必须克隆到sass2scss库中才能编译。我用make install-shared
which 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 的经验,所以我什至不确定我是否正确编译了所有内容,等等。
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:
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 本身似乎存在问题。
sass - 如何添加@import“some.css”而不让Sass处理它
我有一个 scss 文件,我不希望 sass 在其中处理 @import 语句,因为它将由这个 postcss 模块处理https://github.com/postcss/postcss-import
如何使用 gulp-sass 做到这一点?
shell - 如何使用 Gulp.js 执行 CLI 程序 (libsass sassc) -> 创建流,捕获标准输出和标准错误
这是使用 Gulp.js 直接运行 libsass "sassc" 二进制文件的设置(如下所示),我目前正在使用插件gulp-run。这是经过多次修改,因为我根本不是节点或 gulp 专家,它仍然存在一些问题。
sassc
二进制文件通常接受输入和输出文件参数(例如../bin/sassc file.scss > file.css
),但它也可以使用参数来运行accept -s
,stdin
因此可以从gulp.src()
此处传递文件。如果我理解正确,似乎在这些条件下,成功地将其结果传递为。stdout
一个名为“test.css”的文件被写入同一目录中。请注意,如果没有 gulp-run 命令的“详细”设置,生成的 CSS 将输出到终端。在这里,它被抑制,结果被传递到链条上;但是,这似乎仍然没有创建正确的输出流,因为我没有成功添加诸如gulp-autoprefixer 之类的进程在此之后内联。此外,我需要一种将标准错误(如果有)捕获到日志文件的方法(现在如果它在控制台中输出错误)。
任何指导表示赞赏。我也可能在 gulp-run 中使用了错误的插件。还有gulp-exec和gulp-shell,可能还有其他,但我真的不知道要寻找什么区别。