问题标签 [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.
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 任务设置,但似乎应该有一种方法可以在不复制数据的情况下做到这一点。
或者,我想我可以手动复制所有内容,但这会切断我轻松升级的路径。
任何帮助将不胜感激。
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
我尝试更新生成器无济于事。我希望有人能帮助我吗?
php - Grunt - 运行 php 并观看 SCSS/CSS
我正在尝试使用 Grunt 视图运行一个 php Web 服务器,其中 SCSS/CSS 更改被监视并重新编译,因为它们被更改并实时重新加载到 Web 服务器中。目前它正在运行 Web 服务并显示请求,但是当我修改并保存 SCSS 文件时,它根本不会重新编译 CSS 文件。
我在下面包含了我的 Gruntfile.js:
如果这有助于调试,这是我运行“grunt phpwatch --verbose”时的输出:
gruntjs - Grunt grunfile.js 和 grunt watch
** 我希望能够使用 Compass 但 Grunt watch 无法正常工作并给我一些奇怪的错误:**
performance - Grunt with Compass 和 Watch 编译速度慢
Grunt 编译 css 文件需要很长时间,我不确定这是否正常,但普通指南针手表大约需要 5 秒。
所以问题是是否有任何方法可以加快 Grunt 的编译时间,还是坚持使用 compass watch 更好?
Gruntfile.js:
gruntjs - grunt compass:importPath 可以递归设置吗?
在我的一个项目中,我想使用一些使用 Bower (normalize-scss) 添加的额外 SCSS。gruntfile 中的指南针配置如下所示(由骨干生成器创建):
主 scss 文件有:
当我将 gruntfile 中的导入路径更改为
它可以工作,但我不想把我可能需要的每个目录都放在这里。在我看来,如果我能做类似的事情会更便携:
但这失败并出现警告:You must compile individual stylesheets from the project directory.
.
sass - 几个带有 grunt-contrib-compass 的 CSS 输出
我grunt-contrib-compass
用来将我的 SCSS 文件处理成单个 CSS 文件。基本上,compass 会考虑所有匹配的 SCSS 文件app/styles/**/*.scss
并将它们编译成.tmp/styles/main.css
.
我想将此行为拆分为:
app/styles/specific/**/*.scss
到.tmp/styles/specific.css
app/styles/**/*.scss
到.tmp/styles/main.css
(忽略specific
)
但是,我不知道如何为我的配置文件配置 grunt,这非常简单:
我想不出任何解决方案,特别是因为指南针文档指出cssDir
并且sassDir
只允许字符串作为参数。这是否必须在其他任务中完成?
css - 标准 yeoman webapp 设置中的指南针无法正确呈现线性渐变
我有一个使用yo webapp
from Yeoman生成的香草 webapp ,并且我使用了通过 SASS 引入 Compass 的选项。我本地的 Compass 版本是 0.12.2,目前是最新的。然后,我在Compass 渐变文档main.scss
中逐字逐句地添加了这样的内容:
然而,这在 CSS 中呈现,没有对线性梯度函数进行任何预处理:
截屏:
:
文档中的示例不起作用,我做错了什么?
css - 线性渐变 Firefox 支持
当我在ColorZilla上制作线性渐变时,我采用如下所示的 scss 代码:
生成这个css:
这些都不适用于 Firefox。所以我做了一个调整,我添加了一些我知道在 Firefox 中有效的东西:
现在这是生成的 css:
在 Firefox 中渲染良好,但 compass 任务因以下错误而哭泣:
无法确定的相反位置:到
想法?你如何做一个跨浏览器的scss线性渐变?
gruntjs - grunt-contrib-compass 中的 cssDir vs cssPath?
在 Compass Grunt 插件 ( https://github.com/gruntjs/grunt-contrib-compasscssDir
) 的可选配置选项中,和有什么区别cssPath
?还是他们都控制同一个东西?