问题标签 [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 回答
1460 浏览

ember.js - 如何将带有 grunt 的基础添加到 ember.js 应用程序工具包项目

我正在尝试使用Ember AppKit、grunt 和 compass 设置我的第一个 Ember.js 应用程序。appkit 通过grunt-contrib-compass提供了开箱即用的 compass 支持,但我终其一生都无法弄清楚如何安装 Zurb-Foundation,或者至少不能“正确”安装。

据我所知,grunt-contrib-compass 没有提供 compass 安装方法的包装器。我可以为 compass 配置文件复制compass.js 任务设置,但似乎应该有一种方法可以在不复制数据的情况下做到这一点。

或者,我想我可以手动复制所有内容,但这会切断我轻松升级的路径。

任何帮助将不胜感激。

0 投票
1 回答
1402 浏览

node.js - 构建时发出咕噜声警告 (grunt-contrib-compass)

我使用 yoeman generator-angular 来构建一个项目,现在我在构建时遇到错误。我收到此错误:

它似乎发生在咖啡:测试任务之后以及与 grunt-contrib-compass 插件有关。我在堆栈交换上找不到任何帮助我的东西。

我在跑步:

咕噜声-cli v0.1.8

咕噜声 v0.4.1

npm 1.3.8

节点 v0.10.18

我尝试更新生成器无济于事。我希望有人能帮助我吗?

0 投票
3 回答
3831 浏览

php - Grunt - 运行 php 并观看 SCSS/CSS

我正在尝试使用 Grunt 视图运行一个 php Web 服务器,其中 SCSS/CSS 更改被监视并重新编译,因为它们被更改并实时重新加载到 Web 服务器中。目前它正在运行 Web 服务并显示请求,但是当我修改并保存 SCSS 文件时,它根本不会重新编译 CSS 文件。

我在下面包含了我的 Gruntfile.js:

如果这有助于调试,这是我运行“grunt phpwatch --verbose”时的输出:

0 投票
2 回答
4504 浏览

gruntjs - Grunt grunfile.js 和 grunt watch

** 我希望能够使用 Compass 但 Grunt watch 无法正常工作并给我一些奇怪的错误:**

0 投票
4 回答
12751 浏览

performance - Grunt with Compass 和 Watch 编译速度慢

Grunt 编译 css 文件需要很长时间,我不确定这是否正常,但普通指南针手表大约需要 5 秒。

所以问题是是否有任何方法可以加快 Grunt 的编译时间,还是坚持使用 compass watch 更好?

Gruntfile.js:

0 投票
0 回答
732 浏览

gruntjs - grunt compass:importPath 可以递归设置吗?

在我的一个项目中,我想使用一些使用 Bower (normalize-scss) 添加的额外 SCSS。gruntfile 中的指南针配置如下所示(由骨干生成器创建):

主 scss 文件有:

当我将 gruntfile 中的导入路径更改为

它可以工作,但我不想把我可能需要的每个目录都放在这里。在我看来,如果我能做类似的事情会更便携:

但这失败并出现警告:You must compile individual stylesheets from the project directory..

0 投票
1 回答
4381 浏览

sass - 几个带有 grunt-contrib-compass 的 CSS 输出

grunt-contrib-compass用来将我的 SCSS 文件处理成单个 CSS 文件。基本上,compass 会考虑所有匹配的 SCSS 文件app/styles/**/*.scss并将它们编译成.tmp/styles/main.css.

我想将此行为拆分为:

  1. app/styles/specific/**/*.scss.tmp/styles/specific.css
  2. app/styles/**/*.scss.tmp/styles/main.css(忽略specific

但是,我不知道如何为我的配置文件配置 grunt,这非常简单:

我想不出任何解决方案,特别是因为指南针文档指出cssDir并且sassDir只允许字符串作为参数。这是否必须在其他任务中完成?

0 投票
2 回答
268 浏览

css - 标准 yeoman webapp 设置中的指南针无法正确呈现线性渐变

我有一个使用yo webappfrom Yeoman生成的香草 webapp ,并且我使用了通过 SASS 引入 Compass 的选项。我本地的 Compass 版本是 0.12.2,目前是最新的。然后,我在Compass 渐变文档main.scss中逐字逐句地添加了这样的内容:

然而,这在 CSS 中呈现,没有对线性梯度函数进行任何预处理:

截屏:

截屏

文档中的示例不起作用,我做错了什么?

0 投票
1 回答
630 浏览

css - 线性渐变 Firefox 支持

当我在ColorZilla上制作线性渐变时,我采用如下所示的 scss 代码:

生成这个css:

这些都不适用于 Firefox。所以我做了一个调整,我添加了一些我知道在 Firefox 中有效的东西:

现在这是生成的 css:

在 Firefox 中渲染良好,但 compass 任务因以下错误而哭泣:

无法确定的相反位置:到

想法?你如何做一个跨浏览器的scss线性渐变?

0 投票
1 回答
242 浏览

gruntjs - grunt-contrib-compass 中的 cssDir vs cssPath?

在 Compass Grunt 插件 ( https://github.com/gruntjs/grunt-contrib-compasscssDir ) 的可选配置选项中,和有什么区别cssPath?还是他们都控制同一个东西?