node.js - 使用 gulp-ruby-sass 的 Gulp 编译问题

Question

我目前在使用 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 来查看我的项目文件夹。

如有任何帮助，我们将不胜感激!

Answer 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 目录中的权限。