gulp-ruby-sass 的 Gulp 编译问题答案

【问题标题】：Gulp Compiling Issues with gulp-ruby-sassgulp-ruby-sass 的 Gulp 编译问题
【发布时间】：2014-07-19 21:36:21
【问题描述】：

我目前在使用 Gulp 编译 Sass 时遇到两个问题。首先，我在“/Library/Ruby/Gems”目录中设置了 777 权限，以释放我遇到的一些权限错误。我现在每次运行 Gulp 时都会收到一条警告，说明如下：

gulp-ruby-sass: /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/universal-darwin13/rbconfig.rb:213: warning: Insecure world writable dir /Library/Ruby/Gems/2.0.0 in PATH, mode 040777

其次，当 Gulp 在我的主 SCSS 文件中遇到一些“@import”声明时，Sass 编译似乎停止了。即，我收到以下错误：

gulp-ruby-sass: error ./screen.scss (Line 4: File to import not found or unreadable: normalize.
Load paths:
/private/var/folders/cq/_pg4s6qn59q1q5fyy5681rd00000gn/T/gulp-ruby-sass/bower_components/compass-breakpoint/stylesheets
/private/var/folders/cq/_pg4s6qn59q1q5fyy5681rd00000gn/T/gulp-ruby-sass/bower_components/susy/sass
/private/var/folders/cq/_pg4s6qn59q1q5fyy5681rd00000gn/T/gulp-ruby-sass/bower_components/normalize-scss
/private/var/folders/cq/_pg4s6qn59q1q5fyy5681rd00000gn/T/gulp-ruby-sass)

这些加载路径看起来不正确...我已经通过 Bower 专门为这个项目安装了这些组件，所以我似乎需要告诉 Gulp/NPM 改为查看我的项目文件夹。

任何帮助将不胜感激！

【问题讨论】：

我发现一篇文章详细说明了某人在完全相同的问题上遇到的麻烦。 github.com/sindresorhus/gulp-ruby-sass/issues/75 我将几个单独的 Bower 组件作为 Gulp 中 Gulp-Ruby-Sass 的 LoadPath 中的数组加载。出于某种原因，路径与 gulpfile 无关。有什么想法吗？

标签： node.js sass gulp

【解决方案1】：

看起来这个问题只是我自言自语，但我还是会与全世界分享我的发现。

事实证明，这是 gulp-ruby-sass 包的一个已知问题。看： https://github.com/sindresorhus/gulp-ruby-sass/pull/80#issuecomment-49531932

在我的 gulpfile 中的“loadPath”选项中指定的路径与我正在使用的项目中 gulpfile 的位置无关，因此它最终会在不应该有的文件夹中寻找一些 Bower 组件，例如：

/private/var/folders/cq/_pg4s6qn59q1q5fyy5681rd00000gn/T/gulp-ruby-sass/bower_components/compass-breakpoint/stylesheets

我发现，通过将 process.cwd() 添加到我的每个文件路径，它们将变得相对。

如果您查看我在上面添加的几行代码的 GitHub 链接，您会发现这只是一个临时解决方法，直到此修复被实施到 gulp-ruby-sass 的主分支中，所以此建议将变为在不久的将来的某个时候无关紧要。

希望这对处于类似困惑情况的任何人有所帮助。

* 编辑 *

至于我收到的 gulp-ruby-sass 权限警告，结果证明我只需要运行 sudo chmod -R 775 /Library/Ruby/Gems/2.0.0 即可递归更改 Gems 目录中的权限。

【讨论】：