如何将 Yeoman 与 Bourbon 而不是 Compass 一起使用？

Question

我将如何设置 Yeoman + Grunt.js 以在没有 Compass 的情况下编译 Sass？我想使用 thinkbot 的 Bourbon 而不是 Compass。我需要为此创建一个自定义生成器，还是将标志传递给现有的 Yeoman 生成器？

Answer 1

在您的目录中：

1. npm uninstall grunt-contrib-compass --save-dev（从 node_modules 和 package.json 中删除指南针）
2. npm install grunt-contrib-sass --save-dev（将 sass 添加到 node_modules 和 package.json）

打开 Gruntfile.js

1. 在watch 任务中（大约第 22 行）将“compass”更改为“scripts”
2. 将compass 任务（第109 行附近）更改为“sass”，然后根据grunt-contrib-sass 文档进行格式化。我的 gruntfile gruntfile.js gist。
3. 运行查找并将“compass”替换为“sass”
4. 安装波旁威士忌

Answer 2

您可以使用grunt-contrib-sass 切换grunt-contrib-compass 任务，然后跟随波旁install instructions。