问题标签 [grunt-contrib-compass]

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 投票
1 回答
1821 浏览

sass - Compass 和 Susy 需要不同版本的 Sass

我正在我的网站上工作,我想使用 Susy 和 Compass。我也在使用 Grunt。当我运行我的 grunt 任务时,我收到此错误:

这是我的咕噜文件:

我只是不知道该怎么办,提前谢谢!

0 投票
1 回答
108 浏览

grunt-contrib-compass - grunt compass 生成文件不可访问

我有一个从 .sass 生成 .css 文件的繁重任务

生成的css文件是“rw-------”。我应该如何配置任务以将文件权限设置为我想要的?

0 投票
1 回答
1233 浏览

css - 当源文件夹有子文件夹时设置指南针目标文件夹

我通过 grunt 使用 Compass 来编译一个 SASS 文件。我的目录结构如下所示:

还有我的 Gruntfile.js:

当我运行我的 gruntfile 时,Compass 输出到project/css/part1/part1.css,但我希望它输出到project/css/part1.css。我怎样才能做到这一点?现在我正在使用 on_stylesheet_saved 挂钩来移动文件,但它不是很优雅。

希望问题很清楚,并在此先感谢。

0 投票
1 回答
4023 浏览

node.js - Grunt + Compass 不会创建 CSS 文件

使用时出现以下错误grunt compass

“您必须从项目目录编译单个样式表。”

我用 grunt 3 种不同的方式尝试了它。更多内容如下。

我的文件夹结构:


什么有效:

一切正常,无需使用grunt和使用/_src/config.rb

所以,在/src我可以用compass watch.


什么不起作用

无论如何,我决定放弃所有 GUI 应用程序并使用grunt. 这就是问题开始的地方。

我也是最新的:

第一次尝试

我尝试的第一件事是尝试使用现有的config.rb

grunt从没有错误的工作中运行/test,它甚至可以识别文件更改,但不会编译我的 sass。没有创建 css 文件。

我试过grunt compass watch --verbose了,它中止了:

......我根本不明白。

第二次尝试——首选尝试

由于无论如何我都不喜欢config.rb坐在那里/_src/,我将其删除并替换options: { config: '_src/config.rb' }Gruntfile.js

错误与前一个完全相同:

您必须从项目目录编译单独的样式表。

第三次尝试

作为最后的手段,我尝试将config.rb根 ( /test) 添加project_path = "_src"到它并options: { config: 'config.rb' }在 Gruntfile 中使用。这确实和我的其他试验一样糟糕。

我真的很喜欢 Gruntfile-only 版本的工作。我猜罗盘的基本路径不太好,但不知道该怎么做。


摘录我已经在 StackExchange 上阅读的内容以解决此问题

我已经读过:

PS:我也使用 RVM 和 Git。但我想这些在这里无关紧要。


更新:

小步骤……一些进展(不是真的):

/Gruntfile.js

我不明白为什么添加 config.rb (而不是像上面的“第二次尝试”那样把它全部写下来会改变一切,而 grunt 决定最终输出一个 css 文件。

/config.rb

萨斯:

渲染的 CSS:

我也收到一个错误:

这“很好”,因为我在使用常规时也得到了这个compass watch。然而,随着咕噜声,当我取消注释 SASS 代码中的两行时,它会中止吐出:

奇怪,因为“普通指南针”有效。我没有全局安装 compass,gem 只在这个项目文件夹中有效。所以排除了这种可能性。

0 投票
0 回答
54 浏览

gruntjs - 编辑 httpFontsPath 时丢失的资产散列

所以我的生产项目路径与我的开发项目路径不同。因此我必须在指南针配置中编辑资产路径:

但是,构建的 css 文件如下所示:

而不是这个:

如果我省略了指南针配置行,输出是这样的:

为什么我在编辑 httpFontsPath 时会丢失哈希?

注意:我的 gruntfile 基于generator-angular 0.7.1

0 投票
1 回答
423 浏览

gruntjs - 以编程方式运行 Compass Grunt 任务

我有一个在 grunt 上运行的指南针任务,它生成一个已编译的base.css文件以及一些特定于页面的 css 文件。base.scss @imports一个_settings.scss部分,它规定了所有文件的一些全局设置。

我希望能够多次调用罗盘任务,但每次都以某种方式规定在 base.scss 中导入不同的设置文件,并且 a 使用不同的cssDir输出。这是可以实现的吗?

我尝试使用以下方法,主要涉及在两个不同的罗盘任务中添加罗盘 config.rb(通过 raw)。每个任务都包含不同的导入路径,指向包含设置文件的目录。然后在我的 base.scss 顶部将该设置文件作为@import settings.scss拾取。

这似乎可行,尽管感觉像是 hack,但它是我最接近可行的解决方案。似乎应该有办法做到这一点,但到目前为止,解决方案已经暗示了我。

我现在想知道是否可以使用 registerTask() 来创建我需要的功能,就像我在这里找到的那​​样:

以编程方式将参数传递给 grunt 任务?

0 投票
2 回答
229 浏览

sass - 系统和 grunt-contrib-compass 之间的 SASS 版本不匹配?

我在 grunt-contrib-sass/compass 中遇到了以下问题:

https://github.com/nex3/sass/issues/746

编译这个:

错误:

我在系统(Ubuntu 12.04.4 LTS)上安装了最新的 SASS 版本(3.3.7),并scss从命令行在具有上述代码的新文件上运行 DO 工作。

但是,使用 Grunt 使用 (Yeoman generator-webapp) 创建一个新项目yo webapp会出现上述错误。

有什么想法吗?

0 投票
1 回答
716 浏览

node.js - 尝试使用 grunt-sass 却找不到指南针

我正在尝试编写一个 grunt 脚本来监视和编译我的 sass 文件。我决定使用grunt-sass而不是通常的 grunt-contrib-sass 来完成,因为我不必担心在我的 PC 上安装 Ruby 和所有 gem(而且它更快)。

我已将其设置为监视我的文件并编译 sass,但出现错误:

我已经通过命令行安装了 Ruby 1.93 和最新的指南针 (1.0.0.alpha.19) - 我如何引用这些指南针文件以便不再出现此错误?

这是我的 Gruntfile:

0 投票
2 回答
1084 浏览

gruntjs - 在 Grunt sass 中使用 sourcemap 功能时出错

我正在使用 Grunt 来查看我的 sass 文件集,并在它们使用 grunt-contrib-sass 插件更改时编译为 css。我将 sourcemap 设置为 true,因为我发现此功能在 css 调试中非常有用。

但是我收到以下错误消息:

任何想法为什么会发生这种情况?

这是我的 Gruntfile:

谢谢

0 投票
1 回答
427 浏览

gruntjs - Grunt-compass 无法编译多个文件

这是我的 Gruntfile.js(它的一部分),其中包含罗盘目录的代码,如下所示:

我正在使用 grunt-newer 仅编译项目文件夹中最近编辑的元素。

坦率地说,我的主开发文件夹中有两个项目文件夹,当我运行 grunt watch 或 grunt compass 时,我想编译其中包含最新更改的 sass,以便我可以同时处理多个项目。我尝试了一些东西,但我只得到这个:

您必须从项目目录编译单独的样式表。

有没有办法解决这个问题?

我想使用 app1(文件夹)app2 app3 和 app4,当我运行 grunt compass 时,编译器会检查所有文件并仅修改其中有更改的文件。