问题标签 [gulp-sass]

我有一个 scss 文件，我不希望 sass 在其中处理 @import 语句，因为它将由这个 postcss 模块处理https://github.com/postcss/postcss-import

如何使用 gulp-sass 做到这一点？

styles我的gulpfile 中有一个任务：

在控制台中生成：

如果我注释掉自动前缀器的管道，没有错误，一切都会编译。这是怎么回事？

请注意，我似乎也无法禁用源映射的写入。我尝试了 grunt-ruby-sass 的 repo 页面中的所有其他设置，但没有任何工作。

我可以在没有自动前缀的情况下生活，但很想让它工作......

如何在 Gulp 管道中执行条件以输出到不同的目的地。

上周我在家里做一个新项目，现在我在办公室，我对 Gulp 没有运气。

当我运行 Gulp 时没有错误，但它没有创建任何文件，我尝试使用 Gulp-tap 来查看是否有任何东西通过管道传输，但没有。我确定我在正确的 cwd 中并且文件存在，但我没有运气。该任务也已运行，由 console.log'ing 确认。

我的 Gulp 文件截至目前

如何根据 gulp 是否正在观看来应用条件参数？

我有一个 gulp 文件，它会自动监视我的.JSand.SCSS文件，每当其中一个文件发生变化时，就会创建一个新的编译版本all.main.jsand 。all.min.css

从那以后，我开始使用断点和媒体查询，我的 gulp 任务似乎不再监视单个.SCSS文件的更改。如果我手动运行 gulp SASS，则会创建一个编译版本（因此没有错误）。

吞咽文件：

样式.scss

我似乎无法理解为什么我的 SASS 任务不再监视我的文件。

我的目标是查看我所有的 scss 文件

使用下面的代码就可以了，如果我的

config.paths.src.styles 设置为

/styles/app.scss

但是当我把它改成

/styles/*.scss

我有喜欢

错误：_theme.scss:13:20：缺少属性值

当我使用@extend .container 时问题就出现了；不正常的CSS。

Gulp 任务 style.js

watch.js

应用程序.scss

_theme.js

你可以看看整个 gulp 设置

https://github.com/whisher/angular-bootstrap-cordova-seed/tree/master/gulp

结果

您应该在样式任务中使用 app.scss

和监视任务中的 *.scss （愚蠢的我 :)）

我TypeError: Object #<File> has no method 'isNull'从 gulp-concat 和 gulp-sass 得到：

我正在尝试使用 gulp-ruby-sass 和/或 gulp-sass 但它们都不适合我并且认为我已经正确设置了它。我查看了一堆其他的 SO 帖子，但目前还没有对我有用。

我有另一个 gulp 任务，它递归地将资产目录和 index.html 从 src 复制到 dist 并且每次都有效。

为了测试 sass 设置是否正确，我运行 vanilla sass compile 然后运行 ​​gulp；sass 更改工作并通过递归副本进行渲染。这是该 sass 测试的命令：

忘记 vanilla sass 测试并回到这里的 gulp sass 问题 - 在我的 gulpfile 中，我在运行递归复制任务之前运行 gulp sass 任务，所以如果它有效，那么应该应用和复制 sass 更改。至少我是这么想的。

这是我显示相关文件的目录结构：

在 gulpfile.js 中有几个文件映射对象可以很好地用于 src/assets/ 的递归副本。但是为了测试 gulp-ruby-sass 任务，我对 sass/css 路径进行了硬编码，以消除文件映射错误的可能性。

作为记录，我在 OSX Maverics 10.9.5 上运行并认为我有正确的环境设置：

这是我的 gulpfile.js，显示了我迄今为止尝试过的方法，其中与 gulp-sass 相关的任务已被注释掉：

我已经尝试了各种错误修复，例如：删除所有 vanilla sass 编译的 .css 文件并运行 gulp 编译，但没有生成 .css。还尝试删除 vanilla sass 编译生成的所有 *.map 文件，然后运行 ​​gulp 但没有 dice。

任何人都可以看到任何明显错误的东西吗？

提前致谢。

我无法让 grunt-sass 编译为 .css。看过很多其他类似的帖子并使用了建议，但似乎没有任何效果。

我可以让其他插件正常工作（例如 'del' 删除内容，如图所示）所以看起来我的环境没问题，我可以让普通的 vanilla sass 编译/监视正常工作。

这是我的设置以防万一：

OSX 小牛 10.9.5

这是项目目录结构：

这是我的 gulpfile.js：

谁能看到这里有什么问题？

更新 - 相同的任务在 Windows 框中静默失败：

这是来自 windows 盒测试的 gulpfile.js，我什至没有 @importing 任何部分（目录结构与任务设置中显示的完全相同，我直接从实际的插件示例中提取）：

在这个例子中，我再次让“del”任务运行良好，但 gulp-sass 默默地失败了，这真的令人困惑。