问题标签 [gulp-sass]

我正在尝试将多个 scss 文件合并为一个，类似于Gulp：如何创建编译多个 SASS 文件的任务？; 但是我的一个文件在我的 gulpfile 之上：

我的 gulpfile 看起来像这样：

*.js我对我的 js （而不是）做基本相同的事情main.scss，它工作得很好：/

更新：我刚刚注意到，当我从上面删除重命名时，第二个 main.scss 确实得到处理，并且在同一目录而不是 dest 目录中创建了一个 main.css。

更新：我尝试让源路径从它们的共同祖先开始'../{common,module}/**/main.scss'（这显着影响了性能），现在我得到了第二个源文件的 2 个副本。

我最近从 Grunt 切换到 Gulp 任务运行器。

是否可以将编译后的 CSS 文件中的行号作为注释输出，以指示给定规则在 SASS 文件中的来源？

当我使用 grunt-contrib-compass 模块时，默认情况下启用了此类功能。

现在我正在使用 gulp-sass 来编译我的 sass 文件。

这是我第一次使用 Taskrunner，但我经常使用 Sass，我真的很喜欢 Sass 语法而不是 SCSS 语法。但是，我想在我的新项目中使用 Bourbon 库，它是用 SCSS 编写的，所以如果我没有用 SCSS 编写所有 CSS，它就不会为我编译，因为我只用 .粗鲁的结局。有没有办法编译两者或使用其他一些这样做的 gulp 插件？使用 Compass、Codekit 或 Jekyll 内置的 Sass 编译器时，我从来没有遇到过这个问题。我附上了我的代码并记住我是新手，所以请随时指出我是否做了一些愚蠢的决定，或者如果有一些看起来很奇怪的东西，我很乐意改进。

我刚开始使用gulp-sass，有没有一种“简单”的方法可以找出正在使用的 Sass 版本？

并不是说我认为这太重要了，但我在 Visual Studio 2015 (CTP6) 中使用 gulp -sass 。

我需要知道，因为我想使用一个 Sass mixin，它需要某个最低版本的 Sass。

目前，如果我想找出正在使用的 Sass 版本，我会尝试像这样跟踪，gulp-sass 是node-sass的包装器，它反过来为libsass提供节点绑定，即Sass 的 C 编译器。

因此，要找出在我的环境中使用的 Sass 版本，我必须遵循链条并尝试找出每个步骤中使用的版本以及下一步使用的版本。

当然必须有更简单的方法吗？

现在我将 Gulp-Ruby-Sass 用于 Gulp.js

但是插件 gulp-ruby-sass 比 gulp-sass 慢。我很乐意通过 .sass 文件进行排版。

有没有办法通过 gulp-sass + .sass 文件进行排版？

PS对不起我的英语。

我目前有 3 个监视任务：

我现在的问题是，当 Sass 抛出错误时，所有监视任务都会停止。然后我添加了.pipe(sass({errLogToConsole: true}))- 即使出现错误，这似乎也能让我的 sass watch 任务保持活力，但是其他两个 watch 任务似乎没有运行。

如何让我的所有监视任务保持实时状态，以便我的 sass 文件中的错误不会阻止所有内容被编译？

我的设置：

我正在尝试设置 Jenkins 来运行 Gulp，但是在尝试安装 node-sass（gulp-sass 插件的依赖项）时它一直失败。

问题似乎是该节点在安装过程中找不到脚本文件。我验证了脚本确实存在于项目存储库中。当我在服务器上本地提取我的 repo 并安装它时，它安装没有问题。这让我认为这是与 Jenkins 相关的环境问题。

这是错误输出：

Linux 发行版是类似于 Fedora 的 Amazon Linux AMI。尝试通过 gulp-sass ^1.3.3 安装 node-sass ^2.0.1。

我刚刚用 node-sass 3.0.0 尝试了更新的 gulp-sass 2.0.0 并且仍然有同样的问题。

我删除了所有 node-sass 依赖项，它现在构建成功。所以它真的只是那个包；所有其他节点包安装成功。

我.scss在两个不同的目录中有文件：

有一个文件./blog/styles被调用blog.scss，我正在.scss从./blog/styles/（即同一目录）和./common/styles/.

我应该如何创建 gulp 任务来查看这两个目录并.css在其他地方创建最终文件（比如./dist）？

这是我目前的任务：

我blog.scss只使用这样的名称导入文件：

现在我收到以下错误：

似乎看不到目录中的.scss文件./common/styles...

We are using gulp-sass to compile our SCSS, and using gulp-sourcemaps to generate sourcemaps in our dev environment:

Sourcemaps get generated, no issues. When inspecting elements in Chrome DevTools, we can see the source SASS definition, but as soon as we modify an attribute value or selection, we lose the sourcemap and are shown the line in the compiled CSS. See screenshots:

Very annoying and nothing we've tried has fixed this. Any suggestions? Note that in Firefox, we do not see the same issue.

我正在尝试运行 Gulp 来缩小 CSS、JS 并将所有静态内容 ( template, font, img) 移动到build文件夹中。

我的项目目录结构：

我的gulpfile.js：

当我运行gulp或gulp watch出现此错误时：

我怎样才能解决这个问题？