问题标签 [gulp-sass]

我正在尝试在我的项目中使用 gulp-sass，但是当我运行 gulp 任务时，我不断收到错误消息：

“错误：找不到要导入的文件或无法读取：指南针/重置”

我的 gulp 文件目前非常基本：

我可以通过在终端中使用“compass watch”来编译 sass，但想尝试用 gulp 来编译，但我对此感到很困惑。任何帮助将非常感激。

一个快速的小故障： 我正在设置一个样板。目前我让 Gulp 通过 gulp -sass将 scss 转换为 css ，然后在我使用关键获取上述折叠 CSS 并通过 . 最初它起作用了，在结合使用loadCSS之后出现了问题。它开始在嵌入的 CSS 和 loadCSS 脚本和 noscript 周围不方便地包装 noscript 标签。

从我在 src index.html 文件上使用 loadCSS 恢复后，当我“吞下”时，它仍然输出缓存的 loadCSS 脚本和（loadCSS 需要的）。

有趣的是我的 src 有一个普通的链接标签，带有指向 css 文件的 href。但它以我想要的方式输出到目标文件的所有内容，包括关键的 css、loadCSS 脚本和包含链接的 noscript。有点奇怪。

我认为这是 gulp 或关键的缓存问题。我已经清除了 npm 缓存但没有运气。我不相信这是一个错误。 问题： 我需要知道是什么导致了这个缓存问题以及如何解决它。

我的关键吞咽任务：

具有以下 gulp 文件：

问题是sass-watcher没有完成任务，这就是gulp-plumber我相信的全部意义。

当sass文件中出现编译错误时，使用此配置停止流，并提供最少的错误信息：

如果我更改配置以注意 sass 选项的差异：

任务已正确完成，我收到以下错误消息：

我希望错误被处理gulp-plumber，任何想法为什么它不能很好玩gulp-sass？

顺便说一句，我在 Windows 机器上并使用cmd prompt

我无法让 Yeoman / Bower / Gulp 和 gulp-webapp 生成器自动编译对 Bootstrap _variables.scss 文件所做的 SASS 更改并重新加载。

基本上对该路径中的文件进行了更改：/bower_components/bootstrap-sass-official/assets/stylesheets/bootstrap/

我花了一些时间调整 gulpfile.js 并设法让自动重载来处理对上述路径中任何文件所做的更改；但是，它不会重新编译 sass 文件。重新编译的唯一方法是使用“gulp”命令，但这会适得其反。

几个小时后我被难住了，有人可以帮忙解释一下吗？

我设置了一个非常简单gulpfile.js的只有两个任务 - 'sass' 和 'minify-js'。当检测到更改时，这两个任务由任务“watch”触发。一切似乎都运行良好：Gulp 正在监听变化，*.scss 文件被编译成 CSS，控制台按预期生成输出，没有任何错误。但是，CSS 文件不会被缩小，“minify-css”任务没有任何输出文件。

为什么'minify-css'不起作用？我在这里想念什么？

这是我的 gulpfile.js：

当我gulp第一次运行该任务（默认）时，该sass任务在 Bower 包上出现错误。更具体地说是关于Susy。

错误：

使用 gulp -bower成功安装了 Susy bower 包，并从我的 bower.json 文件中获取其信息。但是，当默认任务到达sass任务时，却找不到Susy。

样式.scss

这只发生在我第一次跑步gulp时。出现watch此错误后任务不会停止/中断，并且会继续工作。（我可以毫无问题地编译 sass）。

但它看起来有点乱，关于如何防止这种情况的任何想法？

你可以在这里看到我的整个 gulpfile.js： https ://gist.github.com/JeroenDelbrk/798d646af5cc2ad78da0

也欢迎与此问题无关的有关如何改进 gulpfile 的提示。

我在我的 PC 上安装了一个新的发行版（Elementary OS 0.3 Freya 64 位）并设置了我的工作流程我在运行gulp-sass包时遇到了问题。当我运行gulp命令时，它返回错误：

我尝试了尝试node-sass在节点 0.12 上重新安装？但它仍然无法正常工作。我该如何解决这个问题？

我正在运行 Debian Wheezy。最近几天我在玩gulp。我的问题是，当我将浏览器直接指向文件（file:///...）时，源映射正确链接如下：

但是当我指向 localhost/... 我得到这个：

在 Iceweasel 上一切正常。我三重检查了所有设置，所以这部分没问题。我认为这可能是一些安全问题，所以我 chmod 递归地投影根，但这不是问题。

这是我的文件夹结构：

这是我的 gulpfile.js：

我得到了如下所示的 scss 文件：

索引.scss

_test.scss

当我在根文件夹上运行 gulp 命令时，我得到：

索引.css

可能是一些铬问题吗？我尝试了几乎所有我能想到的事情。它在 Iceweasel 上工作的事实让我认为这是特定的 Chromium 问题，但很难放弃。:D

我正在尝试迁移我的网站以使用gulp-sass而不是 Compass 编译 SASS。它看起来很有希望——我喜欢它的速度，而且与 Gulp 的集成很有用。不幸的是，当我在媒体查询中导入文件时，我发现 gulp-sass 对 CSS 输出中的换行符做了奇怪的事情。

我们有几个 SCSS 文件，它们被编译成单独的 CSS 文件以供开发。对于生产，我们将每个 SCSS 文件导入到 global.scss 文件中，该文件被编译成单个 CSS 文件。该文件中的导入如下所示：

当我运行我的 gulp-sass 任务时，它会很好地编译单个文件 media-query-480.css 和 media-query-760.css，但会从 global.css 的相应部分中删除样式规则之间的换行符。例如 media-query-480.scss 中的这个位

在 media-query-480.css 中变成这个，这很好

但这是在 global.css 的相应部分吗

看起来 libsass 在第二遍中删除了换行符。当您有一个包含数千条规则的大型 CSS 文件时，这不是很有用。

（我检查了 SCSS 文件的编码和行尾，它们都是 UTF-8 和 LR。）

除了在 Gulp 中进行连接之外，是否有任何解决方法？

===========================

编辑

当我将媒体查询包装在我的文件 media-query-480.scss 中的规则周围时，也会发生同样的事情：当我这样做时，换行符也会从该文件中消失。正常的 libsass 行为是否会从媒体查询中的代码中删除换行符？

我正在使用 gulp-sass 并且希望对于他管理的每个部分 sourcemap ，我可以使用 less 来做到这一点，但没有看到用 sass 做到这一点的方法。