问题标签 [gulp-ruby-sass]

我目前正在尝试更新我们的 Web 应用程序及其构建工具的样板。

我目前收到此错误：

我假设这是某种缓存问题，因为它应该解析的 .scss 文件是空的。具有类似branding和文件的项目routing是另一个项目，我绝对没有在终端的错误文件夹中。

我该如何解决这个问题？我可以/我应该清除缓存吗？如何？

为了完成： Gulpfile 样式任务：

包.json

我正在使用 gulp-ruby-sass，这是 gulpfile.js 中的代码

当我运行 gulp 样式时，我得到了错误

Sass 版本 3.4.14，指南针版本 1.0.3，gem 版本 2.0.14

我已经提到了几个帖子，但没有一个能够解决这个问题。

使用此 Gulp 配置来缩小生成源映射的 SASS 文件时，我遇到了奇怪的行为。

我第一次使用它运行这个脚本时，gulp它会生成一个正确的full.min.css并等待 SASS 目录中的更改。

当您更改 SASS 文件中的某些内容时，它会触发监视并重新运行styles任务，这将构建一个full.min.css.

您会看到前端的变化，但这个缩小的文件在每次重建时都会变得越来越大。

如果我省略styles任务内部的源图，它似乎工作正常。full.css文件总是好的。

我在这里想念什么？为什么缩小版的尺寸不断增加？

因此，像许多 Gulp 新手一样，我正在努力让 gulp-sass 或 gulp-ruby-sass 在我的开发机器（win7、xampp、drupal）上正常工作。

我的问题很简单：如何通过 livereload 将 sass 编译到我的浏览器？

我可以确认我的 SASS 使用 compass-watch 或 bundle exec guard 正确编译，但是在 drupal 上使用 Omega4 设置的常规 livereload 非常缓慢。有人建议我研究 gulp/grunt，所以我做了，并选择了 gulp，因为据报道它易于配置

我还在我的网络服务器的根目录下正确安装了 gulp，我可以通过命令行单独调用我的 gulp 文件中的几个函数，也可以通过 gulp 调用整个文件。

我遇到的问题是 gulp-sass 和 gulp-ruby-sass 都不起作用！

使用 gulp-ruby-sass 我得到了arguments to path.join must be strings错误。错误发生在此函数的第二行：

使用 gulp-sass，我得到一个错误file to import not found or unreadable: variables/**/*

这个错误也发生在 src/return sass 行。我知道 gulp-ruby-sass 版本之间的语法发生了变化，但是没有一个新的语法变化对我有用，而且 gulp-sass 不应该有文件通配问题（？！）。

我不知道我需要哪种依赖项或语法组合来实现这一点。

供参考，这里是我的 gulpfile 和依赖项供参考。

提前致谢。

这里很简单，我了解该语句的基础知识，但我该如何解决这个问题？我在我的 sass 中使用了很多文件通配符。

请指教。

是否可以将 scss 文件转换为扩展和压缩的 css 文件？我想要的是一个 bootstrap.scss 文件保存为 boostrap.css 和 bootstrap.min.css

我目前有以下代码，将 scss 文件转换为具有相同名称的压缩 css 文件。

我在我的项目中使用 gulp-sourcemaps 来处理我的 SASS 和 JavaScript。我的 gulpfile.js 正确生成了 .map 文件，尽管 Chrome 在开发者工具和控制台中显示了错误的文件名。目前，我不确定问题出在哪里。

我的项目树：

我的 gulpfile.js

计划是：

• 'styles' 编译 public/sass/main.sass（包括我所有的 SASS 源），自动为源添加前缀，编写源映射并输出 public/css/main.css

• 'scripts' 连接 public/js 目录中的所有文件，丑化源代码，写入源映射并输出 public/js/min/main.js

在这整个过程之后，我想留下 public/css/main.css 包含我所有编译的、自动前缀的、缩小的 SASS 源和 public/js/min/main.js 包含我所有的连接、缩小的 JavaScript 源。

目前，开发人员工具中的样式显示文件名 _box-sizing.scss（它是来自 public/sass/import/lib/neat 的依赖项），该文件不包含我正在检查的元素的样式。文件名应该是 _header.sass（来自 public/sass/import/layouts/common/_header.sass）。

同样，无论源文件如何，控制台都会显示 main.js。我有 public/js/main.js 和 public/js/test.js - 这些文件应该连接并输出到 public/js/min/main.js。这两个文件都只包含一个用于测试目的的 console.log()，并且 Chrome 中显示的文件名都是 main.js。

我希望这是有道理的。先感谢您

为我的 sass 生成源映射时，我的 gulpfile.js 出现问题。当我使用开发者工具检查一个元素时，它的来源显示为 _box-sizing.scss，而它的真正来源是 _header.sass。

这是我的 gulpfile.js 的摘录

这会在 public/css/sourcemaps 中生成一个源映射。我的 .css 文件中的 sourceMappingURL 为 /*# sourceMappingURL=sourcemaps/main.css.map */

看起来像这样

任何帮助，将不胜感激。谢谢

所以，Autoprefixer 一直在让我使用更新后的 postcss 版本，所以我正在尝试更新我的 Gulp 文件。

问题是所有的例子都没有把 Sass 作为第一步；我使用 gulp-ruby-sass。

如果我在我的 sass 目录上运行我的 sass 任务（我需要在其中处理 2 个 scss 文件），这将有效并在 dest 目录中输出 2 个 css 文件：

但我的问题是如何集成下一部分，通过 autoprefixer 传递 CSS 并生成源映射？如果我按顺序运行下一个，这会导致对象不是函数错误：

我试图将它们作为一个序列运行，但宁愿整合它们：

我只是无法将让 ruby​​-sass、autoprefixer 和 sourcemaps 一起工作的管道放在一起。

更新：

好的，即使我决定将任务分开（如下面的@patrick-kostjens 建议），当我运行 Autoprefixer 任务时，我会收到此错误：

我按照建议尝试了 autoprefixer = autoprefixer-core 。

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

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