问题标签 [gulp-compass]

我正在努力让 gulp-compass 在不使用 config.rb文件的情况下正常工作。

先决条件：

• 我不想使用 config.rb 文件
• 我需要使用指南针（不能只使用 SASS）

文档说：

但我在任何地方都找不到以下信息：

1. 有什么path = require('path')作用。这似乎不是一个 gulp 插件。
2. 究竟是path.join做什么的。
3. 什么__dirname是并且应该改变？

如果有人能澄清这一点，将不胜感激。

我正在为反应组件使用材料-ui lib，scss 端口材料-ui-sass

在 Safari（移动设备和桌面设备）上查看以下屏幕截图。他们在 Chrome、Firefox 甚至 Opera 中工作，但不是在 Safari 中。

有没有人暗示错误可能在哪里？我以为是 autoprefixer 不起作用，但添加了 webkit 的前缀。此刻非常迷茫。任何帮助，将不胜感激。核心问题似乎不是在 .pipe($.compass({ css: '.tmp/styles', sass: 'app/styles' })); 之后运行 autoprefixer。

我尝试使用以下代码没有成功：

我正在将一个 grunt 项目转换为 gulp，并且在gulp-compass.

我们将scss文件分散在源代码中，而不是全部在一个目录中。这种结构对这个项目很重要，不能改变。

gulp.src我想我会尝试以与执行 grunt 项目相同的方式设置配置，但是 a）我很困惑为什么它期望一个与实际路径无关的目录，并且 b）我可以'无论如何都不能让它工作。

错误是：

我是使用 gulp 的新手，我认为我已经正确设置了它，但它似乎没有做它应该做的事情。

我的 gulpfile.js 有

和

和手表功能

当我运行 gulp 时，结果是

并且没有注册任何更改。

对于文件结构，我的 gulpfile.js 位于根目录中，sass、css 和 js 都位于 root/sites/default/themes/lsl_theme 中，其中 sass 文件夹包含文件夹“components”，其中包含完整的部分。

我gulp-compass用来编译scss文件。但是，我将输出连接到一个文件中。

这一切都很好，但我注意到指南针本身正在将单个文件写入输出目录。

我留下了单个文件以及连接的结果。

有什么办法可以防止中间输出？

我试图让gulp-compass在我的 Debian linux 上工作，但收到一条错误消息，指出 Ruby 和 Compass 必须在路径中。当谈到 Gulp 时，我有点初学者，所以我可能是愚蠢的。

以下是运行我在 Gulpfile 中创建的任务时收到的确切错误消息：

我查看了其他类似的问题，这些问题建议做 agem install compass和 agem install sass但似乎都不适合我。

我的 Gulpfile 如下：

我可以跑ruby -v，compass -v我可以看到这些在我的路径中是正确的，并且echo $PATH显示 ruby​​ 肯定在那里。

我想知道这是否与我使用 RVM 安装 ruby​​ 或我使用 Bundler 在我的项目中安装 gems 的事实有关。我的 Gemfile 如下：

我已经安装了 gemsbundle install并且还尝试了bundle_exec: truegulp-compass 中的选项（尽管说实话，我真的不知道这是因为不是 Bundler 专家）。我已经尝试重新安装 Ruby。

有人知道为什么我会收到上述错误消息吗？在使用 Grunt 进行类似操作时，我从未遇到过这样的错误。

使用具有默认 gulpfile 的离子空白模板并运行：

我可以构建应用程序的 Sass，但我想添加 Compass。因此，使用 Gulp，我根据 gulp -compass示例将以下代码添加到我的 gulpfile 中：

现在，当我使用以下方法构建时，它似乎可以工作：

但是，当我运行时：

它通过构建 Sass 中的任何更改而运行，我不断收到错误消息：

既然我已经删除了 'sass' 任务并将其替换为我的 'compass' 任务，并用 compass 替换了所有引用，为什么它甚至不再知道 'sass' 任务了？ 默认 gulpfile 中只有三个引用，但让它工作的唯一方法是将我的 'compass' 任务重命名为 'sass'，但在其中运行 compass 管道而不是 sass 管道。

在这里，我试图在命令提示符下运行 gulp compass .. 它正在执行但没有在所需的目的地产生输出.. 请帮助

设置：

• 为基于 IntelliJ 的 IDE (PHPStorm) 使用 scss-lint 插件 http://plugins.jetbrains.com/plugin/7530?pr=phpStorm

• 一个 gulp-compass 任务，一个更大的 Gulp 构建过程的一部分，它监视我的 sass (scss) 目录。 https://www.npmjs.com/package/gulp-compass

笔记：

• 操作系统：Windows 8
• 这两种工具都按预期工作。

情况：

激活 scss-lint 检查后，编辑器中的任何类型的输入活动（包括简单地输入空格）都会触发 gulp-compass 任务，并且该任务的终端会返回以下行中的“找不到文件”错误：

注意：此“错误”不会阻止任务执行；当我对 .scss 源文件进行实际更改时，会正确生成 .css。

显然，SCSS Lint 本身和/或 PHPStorm 插件在检查发生时会生成临时文件，并立即删除它们——大概是在检查完成时。

因为它在 gulp-compass 任务正在监视的同一目录中这样做......这两个最终播放 NYSMNYD（现在你看到我，现在你没有）。

我希望我可以：

• 设置我的 SCSS Lint 配置文件以强制临时文件使用不同的路径，或者，

• 设置我的 gulp-compass 任务以忽略基于模式的文件，例如*scsslint_tmp*.scss

但到目前为止，我还没有找到任何方法来做这些。

我想这可能只是一个“装饰性”错误，因为这两种工具都产生了所需的输出，但它会导致不必要的处理，并且通过用“虚假”错误填充我的终端只会让发现真正的错误更加混乱.

有任何想法吗？

It is my first time trying out Compass and encountered an issue around how Compass compressed SCSS files.

I had a simple .scss file with the following code:

I set up a Gulp task to compile the file and here is the task:

And this is my config.rb:

So I set the output_style to :compressed to minified the CSS result. This is what I got in the result css file:

Compass removed the ending semicolon of the @import statement, which results in unexpected styling on the page.

When I changed output_style to :expanded, the page worked well with the unminified css version as the the semicolon was kept.

Is there a way to avoid Compass from removing the semicolon? And also why should it happen?