Question

导入时

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

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

我已经检查了宝石（看看它们是否已安装）并且使用下面的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!"
    })
);;
});

非常感谢任何帮助。

Answer 1

我忘了包含“指南针：真实”，这似乎使得需要参数起作用。

完整的工作代码是：

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包括 - 我认为他的创业板出了点问题。

Answer 2

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

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

2 个答案: