与 GRUNT 配合使用的指南针插件

Question

使用终端编译我的 sass/compass 效果很好，我已经在几个项目中使用了它，并且已经开始在这些项目中使用 compass 插件。但是，我还需要开始使用 GRUNT 自动化我的项目，但我无法让指南针插件与 GRUNT sass 插件“grunt-contrib-sass”一起使用。我不必使用这个插件，它只是我发现的第一个 -有谁知道如何让它工作或建议另一个插件？

非常感谢所有帮助..

---

• 我想使用 GRUNT 自动执行一些任务，包括处理我的 SASS/Compass。

问题：

• 我的配置文件中有一个名为“rgbapng”的指南针插件，它会导致 GRUNT 出错（如上图所示）

问题：

• 如何让这个指南针插件与 GRUNTS“grunt-contrib-sass”一起使用 - 有其他人做过吗 - 有没有人推荐的更好用的插件？

Compass Config.rb 文件...

我在 grunt.js 文件中为 grunt-contrib-sass 使用的设置

我在 returnwatch 中遇到的错误/

---

更新：更新的 grunt 文件现在得到不同的错误消息，见下文

最后一个错误已通过将 gruntfile.js 中的路径从 /assets/ 更改为 assets/ 来修复。但是 scss 现在编译没有错误，但插件仍然无法工作..

Answer 1

使用 grunt-compass，包含 sass 编译。

必需的插件进入你的 sass 代码中的 require 数组和 import 语句。
不要忘记安装您需要的 gem。

compass:
  app:
    options:
      require: ['compass-h5bp', 'ceaser-easing'] #to use compass libs
      sassDir: 'assets/css'
      cssDir: 'assets/css'
      imagesDir: 'assets/img'
      fontsDir: 'assets/font'
      httpPath: "/"
      relativeAssets: true
      boring: true
      debugInfo: true
      outputStyle: 'compressed'
      raw: 'preferred_syntax = :sass\n'

js代码：

compass: {
  app: {
    options: {
      require: ['compass-h5bp', 'ceaser-easing'],
      sassDir: 'assets/css',
      cssDir: 'assets/css',
      imagesDir: 'assets/img',
      fontsDir: 'assets/font',
      httpPath: "/",
      relativeAssets: true,
      boring: true,
      debugInfo: true,
      outputStyle: 'compressed',
      raw: 'preferred_syntax = :sass\n'
    }
  }
}