问题标签 [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.
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 源码文件夹结构:
sass - Gulp 内联源映射不起作用
我正在尝试让源映射与 Gulp 一起使用。我正在使用 gulp-ruby-sass 和 gulp-sourcemaps。
内联源映射被插入到 CSS 文件中,但即使我启用了源映射,它仍然无法在 Chrome 中工作。我仍然只能看到对 CSS 文件的引用,而不是 sass 文件。
这是我的 gulpfile 中的 sass 任务:
我的 CSS 文件中的内联源映射如下所示:
我将base64解码为:
这看起来对吗?我不确定它的外观,但我会认为 scss 文件名引用应该在那里?
只是无法让它工作!
javascript - 新的 gulp-ruby-sass alpha 任务失败
我已经多次使用 gulp-ruby-sass,但是在这个新项目中,我的任务失败并出现以下错误:
这是我的package.json
Gulpfile.js:
样式.scss:
文件夹结构为:
就像我说的,我在过去一年中多次使用过这个插件。看来这个“阿尔法”版本引起了很多问题。
有没有人遇到过这个问题?我该如何解决。
在解决此问题之前,我的整个项目都处于暂停状态:(
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:
My default Gulp task:
My 2 compile SASS tasks:
Both tasks above are virtually identically.
When I run the default task (gulp
):
- The website css compiles ok
- All the js compiles ok
- But then I get that error before the
dash_css
finishes, and the css is not compiled :(
Additional notes:
- If make a change in
gulp watch
thedash_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.
Do you see anything strange above? Or have run into this issue before?
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 任务
sass - 使用 gulp 时如何让 sass 生成 CSS 源映射?
我已经开始尝试 gulp.js。
我习惯于使用 grunt 生成 CSS 源映射的 sass 包,我可以用它来调试我的 sass。我目前正在使用 gulp-ruby-sass 生成 CSS。
在该过程结束时,不会生成源映射,并且 CSS 文件中没有源映射引用。
我的 gulpfile 看起来像这样:
sass - Gulp 文件夹编译
我对 gulp 比较陌生。当我尝试用子文件夹及其 sass 文件编译一个目录时,我遇到了一个问题。
文件夹结构:
我尝试编译的简单 gulp 任务
上面的这个任务不适用于文件夹,但如果我在下面的 gulp 任务中指定文件,它可以正常工作。
我已经检查了存储库(gulp-ruby-sass)的文档和 stackoverflow 中的其他主题,我发现的一种解决方案是将所有 sass 代码导入一个文件并编译它。
我尝试了不同的路径:./sass
, sass
,甚至还有最后一个带有存储库sass/
的语法。gulp.src(path/**/*.sass)
gulp-sass
你能帮助我吗?提前致谢
sass - 我如何编译 sass 文件(gulp-sass)
现在我将 Gulp-Ruby-Sass 用于 Gulp.js
但是插件 gulp-ruby-sass 比 gulp-sass 慢。我很乐意通过 .sass 文件进行排版。
有没有办法通过 gulp-sass + .sass 文件进行排版?
PS对不起我的英语。
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'] ); });
ruby - 为什么我的 gulp 任务停止生成我的 css 文件?
我使用 sass(由 gulp 任务触发)来生成我的 css 文件。我最近格式化了我的计算,这个任务停止工作。
在我重新安装我的操作系统(Windows 8.1)之前,这个任务曾经运行良好。现在,在我运行此任务后,没有可见的错误,但没有创建 css 文件。
所以,问题是:
为什么我的 gulp 任务停止生成我的 css 文件?