ruby - 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目录中并导入它。例如

@import 'bourbon/bourbon';

body {
    margin: 0
}

/* ... */

这遵循 bourbon.io 上的文档；我认为仅在 require 配置中指定 Bourbon 是不够的。查看 Foundation 文档，它还会告诉你去@import图书馆。

希望这可以帮助。