使用 Gulp.js 和 sass-ruby 插件所需的 GEMS答案

【问题标题】：Required GEMS using Gulp.js and sass-ruby plugin使用 Gulp.js 和 sass-ruby 插件所需的 GEMS
【发布时间】：2015-01-13 14:06:21
【问题描述】：

当我导入时

@import 'modular-scale';
@import 'normalize-scss';

在我的 sass 文件中，预处理器中断并声明它们未找到。

我已经检查了 gem（看看它们是否已安装）并使用下面的 gulp.js 要求它们..

gulp.task('sass', function () {
gulp.src('./assets/_dev/stylesheets/scss/**/*.scss')
    .pipe(sass({ 
        noCache: true,
        style: "expanded",
        lineNumbers: true,
        require: ['normalize-scss', 'modular-scale']
    }))
    .pipe(gulp.dest('./assets/build/css'))
    .pipe(notify({
        message: "Boom!"
    })
);;
});

任何帮助将不胜感激。

【问题讨论】：

标签： javascript sass gulp

【解决方案1】：

我忘了包含“compass: true”，这似乎使 require 参数起作用。

完整的工作代码是：

gulp.task('sass', function () {
gulp.src('./assets/_dev/stylesheets/scss/**/*.scss')
    .pipe(sass({ 
        noCache: true,
        style: "expanded",
        lineNumbers: true,
        compass: true,
        require: ['normalize-scss', 'modular-scale']
    }))
    .pipe(prefix("last 1 version", "> 1%", "ie 8", "ie 7", "ie 6"))
    .pipe(gulp.dest('./assets/build/css'))
    .pipe(livereload())
    .pipe(notify({
        message: "Boom!"
    })
);;
});

编辑：虽然添加这个使“模块化规模”GEM 工作，但它并没有使规范化 GEM 包含 - 我相信他的 GEM 有问题。

【讨论】：

【解决方案2】：

我确定您现在已经解决了这个问题，但认为这可能对某些人有所帮助。我在使用不同的 gem neat 和 bourbon 时遇到了类似的问题，并且无法获得在我的 gulpfile 中配置的路径以使它们被识别。无论如何，将 gem 安装在与我的 style.scss 相同的目录中就可以了。我想知道这是否可以解决这个问题。创建符号链接也适用于我的情况；只需要在我的~/.rbenv/ 中找到正确的文件夹。

【讨论】：