sass - 如何将 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 行）将“指南针”更改为“脚本”
2. 将任务（大约第 109 行）更改compass为“sass”，然后根据grunt-contrib-sass文档进行格式化。我的 gruntfile gruntfile.js 要点。
3. 运行查找并将“compass”替换为“sass”
4. 安装波旁威士忌

Answer 2

您可以使用grunt-contrib-sass切换grunt-contrib-compass任务，然后按照 Bourbon安装说明进行操作。