问题标签 [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.
sass - Compass 和 Susy 需要不同版本的 Sass
我正在我的网站上工作,我想使用 Susy 和 Compass。我也在使用 Grunt。当我运行我的 grunt 任务时,我收到此错误:
这是我的咕噜文件:
我只是不知道该怎么办,提前谢谢!
grunt-contrib-compass - grunt compass 生成文件不可访问
我有一个从 .sass 生成 .css 文件的繁重任务
生成的css文件是“rw-------”。我应该如何配置任务以将文件权限设置为我想要的?
css - 当源文件夹有子文件夹时设置指南针目标文件夹
我通过 grunt 使用 Compass 来编译一个 SASS 文件。我的目录结构如下所示:
还有我的 Gruntfile.js:
当我运行我的 gruntfile 时,Compass 输出到project/css/part1/part1.css
,但我希望它输出到project/css/part1.css
。我怎样才能做到这一点?现在我正在使用 on_stylesheet_saved 挂钩来移动文件,但它不是很优雅。
希望问题很清楚,并在此先感谢。
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 上阅读的内容以解决此问题
我已经读过:
- 构建自动化 - Grunt 指南针任务与此目录结构不兼容?- 堆栈溢出
- 试过
relativeAssets: 'false'
了
- 试过
- sass - “您必须从项目目录编译单个样式表”错误与指南针项目 - VoidCC
- 这里没有新的想法。对于 Sass、CSS、JS 等,我的目录都是不同的。
- 构建自动化 - Grunt 指南针任务与此目录结构不兼容?- 堆栈溢出
- 非常类似于我的问题。但是 OP 想要使用该
config.rb
文件,并希望将其放在他的文件夹结构中。
- 非常类似于我的问题。但是 OP 想要使用该
- sass - “您必须从项目目录编译单个样式表”错误与指南针项目 - VoidCC
- 作为解决方案的指南针问题
compass init
。尽管如此,我的指南针在没有咕噜声的情况下仍然有效。所以我驳回了这个。
- 作为解决方案的指南针问题
PS:我也使用 RVM 和 Git。但我想这些在这里无关紧要。
更新:
小步骤……一些进展(不是真的):
/Gruntfile.js
我不明白为什么添加 config.rb (而不是像上面的“第二次尝试”那样把它全部写下来会改变一切,而 grunt 决定最终输出一个 css 文件。
/config.rb
萨斯:
渲染的 CSS:
我也收到一个错误:
这“很好”,因为我在使用常规时也得到了这个compass watch
。然而,随着咕噜声,当我取消注释 SASS 代码中的两行时,它会中止吐出:
奇怪,因为“普通指南针”有效。我没有全局安装 compass,gem 只在这个项目文件夹中有效。所以排除了这种可能性。
gruntjs - 编辑 httpFontsPath 时丢失的资产散列
所以我的生产项目路径与我的开发项目路径不同。因此我必须在指南针配置中编辑资产路径:
但是,构建的 css 文件如下所示:
而不是这个:
如果我省略了指南针配置行,输出是这样的:
为什么我在编辑 httpFontsPath 时会丢失哈希?
注意:我的 gruntfile 基于generator-angular 0.7.1
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() 来创建我需要的功能,就像我在这里找到的那样:
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
会出现上述错误。
有什么想法吗?
node.js - 尝试使用 grunt-sass 却找不到指南针
我正在尝试编写一个 grunt 脚本来监视和编译我的 sass 文件。我决定使用grunt-sass而不是通常的 grunt-contrib-sass 来完成,因为我不必担心在我的 PC 上安装 Ruby 和所有 gem(而且它更快)。
我已将其设置为监视我的文件并编译 sass,但出现错误:
我已经通过命令行安装了 Ruby 1.93 和最新的指南针 (1.0.0.alpha.19) - 我如何引用这些指南针文件以便不再出现此错误?
这是我的 Gruntfile:
gruntjs - 在 Grunt sass 中使用 sourcemap 功能时出错
我正在使用 Grunt 来查看我的 sass 文件集,并在它们使用 grunt-contrib-sass 插件更改时编译为 css。我将 sourcemap 设置为 true,因为我发现此功能在 css 调试中非常有用。
但是我收到以下错误消息:
任何想法为什么会发生这种情况?
这是我的 Gruntfile:
谢谢
gruntjs - Grunt-compass 无法编译多个文件
这是我的 Gruntfile.js(它的一部分),其中包含罗盘目录的代码,如下所示:
我正在使用 grunt-newer 仅编译项目文件夹中最近编辑的元素。
坦率地说,我的主开发文件夹中有两个项目文件夹,当我运行 grunt watch 或 grunt compass 时,我想编译其中包含最新更改的 sass,以便我可以同时处理多个项目。我尝试了一些东西,但我只得到这个:
您必须从项目目录编译单独的样式表。
有没有办法解决这个问题?
我想使用 app1(文件夹)app2 app3 和 app4,当我运行 grunt compass 时,编译器会检查所有文件并仅修改其中有更改的文件。