Grunt：通过'require'添加gem依赖项

Question

以下是我的Gruntfile的SASS grunt-contrib-sass部分：

sass: {
    dist: {
        options: {
            style: 'compressed',
            require: ['zurb-foundation', 'bourbon']
        },
        files: {
            'dist/css/styles.css': 'src/sass/app.scss'
        }
    }
},

我要做的是同时需要Foundation框架和Bourbon mixin库。当我尝试编译时，它表示在Foundation文件中读取的路径是不可读的（或提供的），即使它们安装在我的系统上（我过去使用过Compass的Codekit，但是想要远离它）。是否有一些特定的东西我必须添加到拉入这些宝石？谢谢！

Answer 1

我们以波旁为例;如果您的系统上安装了gem（它出现在gem list命令中），则需要将其安装到stylesheets目录中并将其导入。 E.g。

@import 'bourbon/bourbon';

body {
    margin: 0
}

/* ... */

This follows the documentation on bourbon.io;我不认为在require配置中指定Bourbon就足够了。 Look at the Foundation docs它还会告诉您@import图书馆。

希望这有帮助。