问题标签 [gulp-sass]

今天我试图了解更多关于 Google Web Starter Kit 的信息，所以我按照这些说明进行操作，经过大量的斗争和问题后，我只是尝试启动本地服务器（我们要查看的第一个任务是：$ gulp serve.）并收到此错误：

C:\gwsk>gulp 服务

老实说，我在这里完全迷失了，所以非常欢迎任何帮助。我是 node.js 的新手，对 gulp 来说，我只是想让它尝试 GWSK 但变得头疼:(......我是网页设计师而不是开发人员......

我正在尝试使用 clean-css 缩小 scss 文件并获得有用的 sourceMap 文件。

我目前的吞咽任务是：

当我运行此设置时，我收到以下错误：

如果我添加一个虚拟文件路径（或删除 处的断言node_modules/vinyl-sourcemaps-apply/index.js:32:13)），则会生成源映射，但是它无法识别原始文件（即 gulp-sass 编译的 scss 文件），而是将我的所有源映射到“ stdin ”虚拟文件。

如何clean-css识别由 处理的映射源的位置gulp-sass？

I’m currently using both Bower and Gulp in a Laravel project to manage front end dependencies. I’m downloading all bower dependencies on a private assets folder using Bower and then pushing them to a public folder using Gulp.

Here’s my gulpfile.js

As you can see, I’m using gulp-flatten to move all font files to the root of /public/fonts Now, the issue that I’m facing is that the font paths in the CSS file generated using gulp-ruby-sass are not correct. How can I fix this?

我正在使用 Gulp 的 gulp-ruby-sass 生成 CSS 文件。我无法覆盖 open-sans.scss 中的变量。这是代码：

gulpfile.js

应用程序/资产/_variables.scss

应用程序/资产/供应商/open-sans-fontface/sass/_variables.scss

应用程序/资产/供应商/open-sans-fontface/sass/_variables.scss

我正在创建一个具有特定问题的 SCSS 网格 - 例如，我想使用一个变量名称$pad（用于填充值），但该$pad变量在不同的媒体断点中需要不同。

变量值首先通过动态创建断点并$pad在其中设置值的混入来设置。

当我开始写代码时，我想这样使用它

这是问题所在。使用 libsass（NPM gulp-sass）时，变量$pad按我的意图传递，并按照 CSS 输出

但是如果我使用最新的 Ruby SASS 通过 NPM gulp-ruby-sass 编译 CSS，它只输出默认值$pad

这里的问题在哪里？这是我的想法还是 libsass 或 ruby​​ sass 中的错误？如果我的想法是问题，有没有办法以某种方式实现我想要的？

使用 gulp-sass 我可以包含 .scss 文件@import 'filepath.scss';

但是当我尝试使用 导入普通 css 文件时@import 'filepath.css'，它只是在输出 css 文件中添加了 import 行import url(filepath.css);，而不是实际导入代码。

如何导入 CSS 文件和 SCSS 文件？我想这样做以包含来自 bower 的文件。

这是我的吞咽功能：

例如，我想包含datatables/media/css/jquery.dataTables.css相对于上面包含的 bower 目录的数据表。

所以在我的app.scss文件中我有@import 'datatables/media/css/jquery.dataTables.css';

如果我不能使用 gulp-sass 来做到这一点，我还能怎么做？

我对 gulp 有问题。我使用 gulp-watch 和 gulp-ruby-sass 在发生更改时编译 scss 文件，问题是，我只更改一个文件并编译文件夹中的所有文件，而我只想编译更改的文件。我尝试使用插件 gulp-changed 但得到了相同的结果。

也许我是个白痴，但我无法让 gulp-watch 和 gulp-ruby-sass 的组合工作。任何建议都非常受欢迎。对于以下所有内容，我的 gulpfile.js 中的 require() 调用如下所示：

下一点是我无法工作的地方。当我更改文件时，我看到 gulp-watch 的输出表明文件已更改，但 gulp-ruby-sass 没有输出，并且文件未写入 dist/ 目录。

但是我知道 gulp-watch 和 gulp-ruby-sass 都单独正确设置，因为它们自己工作正常：

那我的问题是什么？更让人头疼的是，上面这个不起作用的例子实际上来自 gulp-watch 自述文件，所以应该是支持的。非常欢迎任何建议！

我试图让 gulp 编译一些 sass，但是我似乎无法让它写出任何东西。我没有看到错误，并且使用 sass 编译自己是成功的。这是我的配置的样子：

引导程序是https://github.com/twbs/bootstrap-sass的克隆

我正在尝试查看 scss 文件，并且仅在它们更改时重新编译它们。为了便于部署，我想使用 gulp-ruby-sass 而不是 gulp-sass。

我想这样做，但任务将挂在“看到的依赖”上

当我使用 vanilla gulp.src 时该脚本有效

当我使用 gulp-sass 而不是 gulp-ruby-sass 时它也有效

这告诉我 gulp-watch 和 gulp-ruby-sass 之间的交互有问题。有任何想法吗？