问题标签 [grunt-contrib-sass]

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 投票
5 回答
26769 浏览

sass - 如何使用 grunt-sass 编译多个 scss 文件

我正在尝试将多个 .scss 文件编译成一个 CSS 文件。这实际上有效,但只抓取第一个文件......

我们没有安装 ruby​​,所以 grunt-contrib-sass 不是一个选项。我像这样在手写笔中做同样的事情......

0 投票
1 回答
237 浏览

javascript - grunt 在完成 sass 任务之前继续下一个任务

这是我的咕噜声文件:

运行时grunt build,我收到以下错误:

运行“sass:dist”(sass)任务

运行“cssmin:dist”(cssmin)任务

目的地未写,因为缩小的 CSS 为空。

当我单独运行每个任务时,没有错误。我认为在下一个任务开始之前,sass 任务还没有完成。有谁知道为什么会这样?

谢谢你。

0 投票
2 回答
169 浏览

import - Rails、Sass 和 Grunt

我正在尝试将 Grunt 用于 Rails 应用程序中的所有资产,而不是资产管道。(只是试用,我可以随时处理掉这个并返回资产管道)

我有 grunt-contrib-watch 插件监视和编译我的 sass 文件,但它的行失败:

@import "bourbon"

Grunt 似乎无法找到波旁威士忌文件。我将波旁威士忌安装为宝石。我知道 grunt-contrib-sass 有一个loadPath选项,但我不确定要添加什么以允许 Grunt 查看和使用作为我的包的一部分安装的 gem?

有任何想法吗?

0 投票
3 回答
2526 浏览

sass - grunt-contrib-sass 阻止源映射

我的 Grunt 设置是使用 sass 将我的 .scss 文件编译为 src/ .css 并使用 cssmin 将我的 src/ .css 文件合并并缩小为 main.css。

我想在 SASS 中使用新的源映射功能,但我不确定它是否真的对我有用,因为我考虑到 cssmin 会将我所有的 css 文件放入 main.css。

有没有人对此有任何见解?

我现在也在尝试关闭 grunt-contrib-sass 中的源映射,但它不会占用。这是我的 Gruntfile.js 中的相关代码:

来自:github.com/gruntjs/grunt-contrib-sass

0 投票
1 回答
229 浏览

twitter-bootstrap - 从 grunt-contrib-sass 切换到 grunt-sass 后的编译时间相同。两者都花费与我使用 Ruby 时相同的时间

我听说过“快速照明”Libsass。我从 Ruby 切换到 Grunt。但无论我使用哪种编译方法(Ruby、grunt-contrib-sass、grunt-sass),速度都是一样的。编译 bootstrap-scss 需要 15 秒。

grunt.js:

配置.rb:

0 投票
0 回答
111 浏览

gruntjs - Grunt:Globbing 模式行不通——为什么?

这是我当前的 Gruntfile:

grunt sass:dist从控制台运行编译main.scss到给定的目录。

现在我想使用 globbing 模式,因为文件可能会被移动或可能会获得一个新名称:

现在我仍然Done, without errors.在运行后得到grunt sass:dev,但 css 不会被编译。

可能通配模式以某种方式失败,但我不知道为什么?

0 投票
1 回答
580 浏览

css - 无法在 mean.js grunt 中工作的模块化 Sass 结构

我设置了一个 grunt tast 以使用 grunt-contrib-sass 将所有 sass 和 scss 文件编译成 css。我面临的问题是因为它是模块化架构,我没有一个 sass 和 css 文件夹。相反,我为每个模块都有一个 sass 和 css 文件夹。

当我指定模块名称时,它可以工作并将 sass 文件编译为 css,但仅​​适用于该模块,如下所示:

相反,我需要它为每个模块动态地将 sass 文件编译成 css,如下所示:

这是文件夹结构:

0 投票
1 回答
845 浏览

sass - 基础全局样式在 Grunt 文件中意外重复

这是一个很难解释的问题,我会尽量做到彻底:

我的设置 - 使用 Jekyllrb 生成器

根据 Zurb 的说明,我采用了Jekyllrb Yeoman 生成器并以最基本的方式(仅使用 Sass 文件)将 Zurb 的 Foundation 5 集成到其中。

我在grunt.js中的 Sass 路径如下:

在我的 /_scss 我有:

在 app.scss - 我包含了一些 Foundation 组件(例如手风琴、类型、选项卡等)。每一个都带来了一套全球风格。这些样式包含在以下内容中:

根据此链接

“当包含在 SASS 模块中时,sass-import-once 将防止在其他地方调用 @import 时重复样式。这很酷,因为它允许每个 SASS 文件声明自己的依赖项。这促进了封装并允许模块独立如果需要的话。”

我的 Grunt.js

问题

这些全局样式在最终编译的样式表中被复制,而不管“@include 导出”函数是否告诉它解析重复项。我以前使用过 grunt-contrib-sass 并且从未遇到过这个问题。导致我认为其他任务可能导致它?

关于更多的事情:

我知道 Foundation 的 _settings.scss 中有一个变量:

不想关闭它——因为我确实想要样式表中的全局样式——我只希望它们出现一次。

我已经设置了一个回购

如果有人能帮我看看这个,我将非常感激。我整理了一个最基本的例子来说明这个问题。快速查看检查器(在为页面提供服务时)将向您展示 DOM 中重复的样式。

https://github.com/liquidvisual/jekyllrb-foundation-test

0 投票
1 回答
5857 浏览

gruntjs - 更新到优胜美地后,是什么导致 grunt-contrib-compass 出现此错误?

我正在使用约曼。升级到优胜美地后,任务grunt servergrunt build抛出这个错误:

导致此错误的原因是什么,如何解决?

0 投票
1 回答
1133 浏览

sass - 尝试运行 grunt 服务器时出现源映射错误

运行 grunt 服务器时,我无法访问我的 sass 文件。不确定这是否只是文件路径/权限错误或更大的错误。

运行sudo grunt server给出相同的输出

当我运行 grunt server --force 时,我的浏览器中出现以下错误