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

gulp - gulp-autoprefixer 可以与 gulp-compass 一起使用吗?

如果我用 gulp-ruby-sass 编译 scss,gulp-autoprefixer 可以工作,但是如果用 gulp-compass autoprefixer 编译 de scss 则不起作用。这是代码:

watch任务有效,watch2任务编译 scss,但 autoprefixer 不起作用。

0 投票
0 回答
925 浏览

gulp - gulp.dest 覆盖现有文件失败

我有这个简单的gulp任务来处理.scss文件:

我的问题是,当已经有一个时app/css/style.css,它不会被运行 task 覆盖gulp css

根据https://github.com/wearefractal/vinyl-fs#destfolder-optgulp.dest默认情况下应覆盖目标文件夹中的文件。我还有另一个gulpuglify 任务js,其中最重要的是效果很好。

有人可以给我一些暗示为什么会这样吗?

0 投票
0 回答
486 浏览

sass - Gulp/Compass:如何让 Compass 实际使用相对路径?

我有以下目录结构。

我正在使用根项目目录中的 Gulp 来编译我的 scss,我认为这是导致问题的原因。

当我编译(特别是创建一个精灵表)时,URL最终是/src/other/stuff/here我需要它的时候/other/stuff/here

你可以在这里看到我的 config.rb。

然后在我的 scss 文件中,我使用以下内容生成工作表。

它创建它很好,但我只需要删除该src文件夹。我可以使用 Gulp 中的搜索/替换管道来做到这一点,但如果可能的话,我宁愿正确设置我的配置文件。

我应该研究什么才能使这项工作按我的需要进行?

0 投票
1 回答
1914 浏览

node.js - “错误:使用 gulp-compass 时产生 /usr/bin/compass ENOENT”

我正在尝试在 OS X Yosemite 10.5.5 上使用插件 gulp-compass 运行以下 Gulp 任务来编译 Sass 文件。

但是,当我尝试运行类似的任务时gulp compile2013Base,出现以下错误:

我已经在 /usr/bin/compass 安装了 compass,并且compass在终端中运行不会显示任何错误。我不知道该怎么办,如何获取错误详细信息?

0 投票
0 回答
211 浏览

css - Gulp 和 Compass - 生成多个主题(单独的 theme_style.css)文件?

当我构建项目时,我希望 Gulp 生成多个 css 文件,一个用于我想向用户公开的每个主题。(用户如何更改主题以及我们如何在回发中维护主题是另一个主题。)

我有以下 gulp.js 文件,我将向您展示其相关部分:

在 devRoot 上,我有主要的 sass 文件夹,它有直接的子文件夹,其名称是主题。这些主题文件夹中的每一个都有一个 style.scss(以及其他 .scss 文件),指南针将从该文件开始处理。

当我运行时gulp compass,确实会创建新的 theme_style.css 文件。但是,它们都具有完全相同的 CSS 内容。我以为我是在告诉指南针从不同的主题目录中读取。

问题可能是并发问题。实际上,“子任务”是同时运行的。当每个子任务到达之前.pipe(rename(theme + "_style.css")),罗盘已经编写了一个 style.css(超出我的控制),每个主题.pipe(rename(theme + "_style.css"))都将从中“复制并另存为”,最终成为具有相同确切 CSS 内容的多个文件。

如何让指南针不再编写 style.css?或者更好的是,我如何告诉 compass 我想要的最终 .css 的文件名,以便它首先创建 theme_style.css?这样我就不需要使用重命名插件(在我看来,它就像来自同一个文件的多个另存为)。

我可以做的另一件事是确保这些子任务中的每一个都必须一个接一个地发生,但是您如何实现呢?我想维护动态子任务,所以我需要做的就是将主题名称添加到数组中。

0 投票
1 回答
574 浏览

npm - Gulp-compass 中的 Susy 和断点:错误:无法加载此类文件 --susy

当我尝试对我的 Gulp-compass 使用 Susy 和 Breakpoint 时遇到了一个问题。这段代码有什么我遗漏的吗?

错误信息:

0 投票
1 回答
256 浏览

node.js - 如何将 gulp-compass 编译的文件放入 gulp 的流中?

我是 gulp 和 gulp-compass 的新手。恕我直言,gulp-compass 在 gulp 的流范式中不起作用。

通常,gulp 的任务应该是这样的:

但以下代码适用于 gulp-compass:

这导致了我的以下问题。

我想用gulp-compass编译app.scssapp.css,然后捆绑app.cssbootstrap.css然后缩小并输出为app-release.css.

我想在ONE gulp.task中完成这项任务。

但是,编译后的 app.css 文件不包含在HERE的流中。

解决办法是什么?

0 投票
1 回答
1561 浏览

gulp - Angular 2 种子 - 如何在 sass 文件中启用指南针支持

将此种子项目用于我的 Angular 2 应用程序。

我的目标是在所有 sass 文件中使用 compass mixins 和函数。

在我尝试使用@import 'compass' 的那一刻,它根本无法导入。

我安装了最新的 SASS 和 COMPASS gem。

我认为要做到这一点,我需要一些 config.rb 但我不知道如何将它正确地放置在这个文件结构中。

或者,当整个应用程序构建时,也许我需要gulp-compass并实施一些 gulp 的任务来启用指南针?

但是什么时候开始这个任务,这个任务的代码应该是什么样子的?

0 投票
1 回答
74 浏览

css - 使用 gulp.task 将 .scss 更改为 .css 时,如何为行注释打开 gulp-compass 配置选项?

https://www.npmjs.com/package/gulp-compass

上面的链接说评论配置选项默认为 false。我尝试更改我的 gulpfile.js 以包含该选项并将其更改为 true 但我的 .css 文件仍然没有注释。你能告诉我我需要做什么才能在我的css文件中包含评论吗?我试过评论:真,评论:'真',line_comments:真('真')。没有任何效果。

这是我尝试更改的代码:

这是仍然没有评论的输出 style.css 表

这是它应该看起来的样子

0 投票
1 回答
5703 浏览

ruby-on-rails - kernel_require.rb:无法加载此类文件

我使用 gulp 构建了一个 html 项目。对于一些 css 人员,我使用 compass 来构建。我的任务如下

当我构建为 gulp 指南针时,我有错误

我在确切的文件夹中有那个文件 kernel_require.rb 。我将 PATH 导出为

但不起作用。如何解决这个错误?

谢谢

编辑: