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
}

/* ... */

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

希望这会有所帮助。