问题标签 [grunt-contrib-compass]

我有一个 grunt 配置，当前配置了手表和指南针模块。但是当我更新任何 scss 文件时，我收到消息：

运行“compass:dist”（罗盘）任务

从那时起，什么也没有发生。文件不会被编译。这似乎是非常缓慢的构建。我等了 10 分钟，没有任何反应。没有错误。

如果使用 -v -d 运行会得到： Running "compass" task [D] Task source: /home/[mypath]/node_modules/grunt-contrib-compass/tasks/compass.js

运行 "compass:dist" (compass) 任务 [D] 任务源：/home/[mypath]/node_modules/grunt-contrib-compass/tasks/compass.js 验证 compass.dist 属性是否存在于 config...OK 文件： [无文件] 选项：force、trace、sassDir="assets/stylesheets"、cssDir="../../[path/to/build]"

如果我运行“grunt watch”并更新我将得到的任何样式：文件“assets/stylesheets/style.scss”已更改。但在那之后将获得无休止的再次运行“指南针：dist”（指南针）任务。

Gruntfile.js 代码：

更新 使用的版本是：ruby 1.9.3 compass 1.0.1 node 0.10.33 grunt 0.4.5

我用谷歌搜索并阅读网页，直到我的眼睛流血，但仍然找不到答案。所以，如果这个问题已经得到回答，请原谅。

我的指南针项目 grunt “编译”对于生产和开发“模式”来说很好。使用 chrome 时，源映射工作。但是，Chrome 报告所有指南针库/核心文件的 404 错误。

以下是 404：http: //i.stack.imgur.com/Kyqq6.jpg

我可以从源映射文件中看到问题出在哪里，但不知道如何解决。这是 style.css.map 文件：

所以所有的“../../../..”在开发过程中都会导致 404 错误，这非常烦人。基本上罗盘生成的路径是无效的。

有谁知道如何让指南针表现得这样才不会发生？我认为它在我的 config.rb 中是必要的，但我不知道是哪一个： http ://compass-style.org/help/documentation/configuration-reference/

这是我的 config.rb：

网络上的大多数示例都提供了告诉 Chrome 您的本地实例在哪里的说明，但我的本地实例位于 vm 主机上，而不是共享文件系统的 Mamp 主机上 - 所以这些示例没有帮助。

并且要明确一点 - 源映射适用于非指南针核心文件。通过工作，我的意思是 - 不要抛出 404 并在开发人员检查器中指向正确的源代码行。

非常感谢您的帮助。

担

附言。我已经为 sass 和 compass 尝试了 gem 卸载/安装——这似乎没有帮助。

我正在尝试将 grunt-contrib-compass 用于具有多个应用程序文件夹的 AngularJS 项目。这是我的基本目录结构：

gruntfile.js 存储在 /root

我的指南针任务设置如下：

请注意“cssDir”和“sassDir”中的通配符选择器 (*)。

当此任务运行时，它会在为“sass”指定的目录中成功找到 .scss 文件。但是，在创建 .css 文件时，它会在 /root 中创建一个新的文件夹结构，如下所示：

“css”文件夹留空，实际的 .css 文件保存在与我的 .scss 文件相同的目录中。

例如，这是运行 compass 任务时其中一个 .scss 文件的终端输出：

该任务似乎在“sassDir”选项中识别通配符选择器，但在“cssDir”选项中无法识别它们。它会在实际文件夹名称中创建一个带有星号的空白文件夹结构，然后出于某种原因，它将输出 .css 文件保存在与 .scss 文件相同的文件夹中。

非常感谢您提供的任何见解。

我正在使用 gulp 的指南针。
我正在生成精灵并具有以下混合：

我的 gulp 任务将app/styles/index.scss其编译为build/styles/index.css. 图像取自app/assets/images/sprite-icons，我希望精灵图像位于build/assets/images.

我正在使用以下参数运行指南针：

现在我的一个 scss 文件中有以下样式：

我得到了：

问题是我需要背景图像：

使用 grunt 时也会发生这种情况（框架并不重要）。

知道如何解决这个问题吗？

我已将 bootstrap-sass 添加到我的项目中并将其导入到我的 application.scss 文件中，如下所示

@

在引导指南针文件中，有函数

它将用于设置图像和字体的路径。

在我使用 compass 构建 css 文件后，css 文件的输出包含以下字体文件的路径

我怎样才能改变它，使源路径成为：

而不是src：url(/.tmp/styles/fonts/bootstrap/glyphicons-halflings-regular.eot)

请注意 application.scss 是由grunt-contrib-compass构建的

谢谢。

我是 Grunt 的新手——到目前为止很喜欢它（再见 Codekit）——但我遇到了一个问题，即任何指南针 url 帮助程序（image-url()、font-url()）的输出都包含不正确的路径。这是我的 gruntfile；

当我运行“grunt dev”时，Grunt 运行时没有任何警告——表明它可以找到所有必要的资源——但是 compass url helpers 的输出总是缺少 gruntfile 所在的目录。

当我按如下方式添加目录时...

...结果输出是正确的，但 grunt 会抛出一系列警告说它找不到资源。错误示例如下；

因此，compass 认为 httpPath 的位置与 Grunt 认为它在我的项目中的位置之间似乎存在一些差异，但我不确定如何解决这个问题。

目前，当我运行 Compass 时，我收到很多警告，告诉我找不到图像和字体（它在错误的目录中查找），但洗完后一切正常......

谁能给我一些指导，让我知道为什么会出现这种差异？

这是一个关于如何将 Compass 与 Grunt 一起使用的问题。数据填充步骤出现问题。我在控制台上注意到，当我只修改一个 .scss 文件时，罗盘会多次填充同一个文件（四次、五次或最多十次）。在您看来，这取决于什么？这是我的 gruntfile.js。谢谢你的热心帮助。

};

只有一个关于用 Grunt 和 compass 填充 .scss 文件的问题。在填满它的时候，我注意到它有点慢。我怎么解决这个问题？谢谢你的帮助

似乎我的 grunt-contrib-compass 没有正常工作，我正在尝试使用：

grunt compass:dev

输出是：

Running "compass:dev" (compass) task

但是什么也没有发生，我也没有任何错误

在我的Gruntfile.js我有：

使用：

grunt compass:dev --verbose

我有：

有任何想法吗？

谢谢！

首先原谅我的英语，我想在sails中拥有compass的所有编译功能，compass可以查看许多目录并编译不以_开头的文件，并为编译的文件创建相同的目录结构。我怎么能用 grunt 做到这一点，或者如何将 compass 添加到 grunt 并让 compass 编译文件，谢谢