问题标签 [gulp-ruby-sass]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
7867 浏览

css - 如何使用 Gulp 编译不同目录中的 SASS 文件?

我正在使用 gulp-ruby-sass 来编译我的 js 和 sass。

我首先遇到了这个错误TypeError:Arguments to path.join must be strings

找到了这个答案,这是因为我使用的是带有 gulp -sass的源图,而答案建议使用gulp-ruby-sass代替。

接下来,我尝试使用以下语法编译所有 SASS 文件:

这产生了这个错误: gulp-ruby-sass stderr: Errno::ENOENT: No such file or directory - public/_sources/sass/**/*.scss

然后我注意到在答案中我发现作者写道**尚不支持地球仪:

还要记住,在撰写本文时,使用 gulp-ruby-sass 1.0.0-alpha 时,还不支持 glob。

我做了更多的挖掘并找到了一种使用数组来指定我的 SASS 文件路径的方法,所以我尝试了以下方法:

但我仍然得到Errno::ENOENT: No such file or directory它,它列出了我放入该数组的所有目录。

如何使用 gulp 在多个目录中编译 SASS?

SASS 源码文件夹结构:

0 投票
1 回答
2590 浏览

sass - Gulp 内联源映射不起作用

我正在尝试让源映射与 Gulp 一起使用。我正在使用 gulp-ruby-sass 和 gulp-sourcemaps。

内联源映射被插入到 CSS 文件中,但即使我启用了源映射,它仍然无法在 Chrome 中工作。我仍然只能看到对 CSS 文件的引用,而不是 sass 文件。

这是我的 gulpfile 中的 sass 任务:

我的 CSS 文件中的内联源映射如下所示:

我将base64解码为:

这看起来对吗?我不确定它的外观,但我会认为 scss 文件名引用应该在那里?

只是无法让它工作!

0 投票
1 回答
461 浏览

javascript - 新的 gulp-ruby-sass alpha 任务失败

我已经多次使用 gulp-ruby-sass,但是在这个新项目中,我的任务失败并出现以下错误:

这是我的package.json

Gulpfile.js:

样式.scss:

文件夹结构为:

就像我说的,我在过去一年中多次使用过这个插件。看来这个“阿尔法”版本引起了很多问题。

有没有人遇到过这个问题?我该如何解决。

在解决此问题之前,我的整个项目都处于暂停状态:(

0 投票
2 回答
914 浏览

javascript - Error No such file or directory during Gulp-Ruby-Sass Task

I'm using Gulp as my task runner, and gulp-ruby-sass to compile my sass files into css.

The error I'm getting on my gulp default task:

enter image description here

My default Gulp task:

My 2 compile SASS tasks:

Both tasks above are virtually identically.

When I run the default task (gulp):

  1. The website css compiles ok
  2. All the js compiles ok
  3. But then I get that error before the dash_css finishes, and the css is not compiled :(

enter image description here

Additional notes:

  • If make a change in gulp watch the dash_css will compile just fine.
  • If I run just gulp dash_css it also compiles just fine.
  • I only have this Errno::ENOENT bug when I run the default task.

enter image description here

Do you see anything strange above? Or have run into this issue before?

0 投票
1 回答
2994 浏览

ruby - 如何将 SASS 设置设置为 noCache = True?使用 Gulp 和 gulp-ruby-sass

我没有使用指南针或 codekit,只是 Gulp 来编译我的 SASS 文件。并.sass-cache生成一个文件夹。我不希望它也不介意编译所需的额外纳秒,因为它对我在 Sublime Text 中的快速查找增加了太多。

在我的文档中,gulp-ruby-sass我找到了选项,noCache但是我不确定在哪里设置它或语法是什么。你会知道吗?在我的 GulpFile 的某个地方?

https://www.npmjs.com/package/gulp-ruby-sass

这是我的 Gulp 任务

0 投票
1 回答
253 浏览

sass - 使用 gulp 时如何让 sass 生成 CSS 源映射?

我已经开始尝试 gulp.js。

我习惯于使用 grunt 生成 CSS 源映射的 sass 包,我可以用它来调试我的 sass。我目前正在使用 gulp-ruby-sass 生成 CSS。

在该过程结束时,不会生成源映射,并且 CSS 文件中没有源映射引用。

我的 gulpfile 看起来像这样:

0 投票
1 回答
931 浏览

sass - Gulp 文件夹编译

我对 gulp 比较陌生。当我尝试用子文件夹及其 sass 文件编译一个目录时,我遇到了一个问题。

文件夹结构:

我尝试编译的简单 gulp 任务

上面的这个任务不适用于文件夹,但如果我在下面的 gulp 任务中指定文件,它可以正常工作。

我已经检查了存储库(gulp-ruby-sass)的文档和 stackoverflow 中的其他主题,我发现的一种解决方案是将所有 sass 代码导入一个文件并编译它。

我尝试了不同的路径:./sass, sass,甚至还有最后一个带有存储库sass/的语法。gulp.src(path/**/*.sass)gulp-sass

你能帮助我吗?提前致谢

0 投票
1 回答
152 浏览

sass - 我如何编译 sass 文件(gulp-sass)

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

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

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

PS对不起我的英语。

0 投票
2 回答
1439 浏览

gulp - 带有未定义的 gulp-ruby-sass 错误不是函数

我正在尝试sass在我的配置中运行任务gulp-ruby-sass,这是我得到的错误(错误将跟随我的配置和代码):

我的 sass 任务配置如下所示:

任务在sass这里:

这是我的scsslint任务:

browser-sync我在任务中执行它们watch

});

gulp.task('watch',['serve'],function(){ gulp.watch(config.jshint,['jshint']); gulp.watch(config.sass,['scsslint','sass'] ); });

0 投票
1 回答
95 浏览

ruby - 为什么我的 gulp 任务停止生成我的 css 文件?

我使用 sass(由 gulp 任务触发)来生成我的 css 文件。我最近格式化了我的计算,这个任务停止工作。 

在我重新安装我的操作系统(Windows 8.1)之前,这个任务曾经运行良好。现在,在我运行此任务后,没有可见的错误,但没有创建 css 文件。

所以,问题是:

为什么我的 gulp 任务停止生成我的 css 文件?