0

当我导入

@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!"
    })
);;
});

任何帮助将非常感激。

4

2 回答 2

0

我忘了包括“指南针：真”，这似乎使 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 有问题。

于 2014-02-14T00:28:21.257 回答
0

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

于 2015-01-13T06:06:21.260 回答