Sass 使用GRUNT的Compass插件

Sass 使用GRUNT的Compass插件,sass,gruntjs,compass-sass,Sass,Gruntjs,Compass Sass,使用terminal编译我的sass/compass非常有效,我现在已经在一些项目中使用了它,并且已经开始在这些项目中使用compass插件。然而,我也需要开始使用GRUNT自动化我的项目,但是我还没有能够让compass插件与GRUNT sass插件“GRUNT contrib sass”一起工作。。我不必使用这个插件,这只是我发现的第一个插件-有人知道如何让它工作或建议另一个插件吗 非常感谢您的帮助 •我想使用GRUNT自动化一些任务,包括处理我的SASS/Compass 问题: •我有一

使用terminal编译我的sass/compass非常有效,我现在已经在一些项目中使用了它,并且已经开始在这些项目中使用compass插件。然而,我也需要开始使用GRUNT自动化我的项目,但是我还没有能够让compass插件与GRUNT sass插件“GRUNT contrib sass”一起工作。。我不必使用这个插件,这只是我发现的第一个插件-有人知道如何让它工作或建议另一个插件吗

非常感谢您的帮助


•我想使用GRUNT自动化一些任务,包括处理我的SASS/Compass

问题:

•我有一个名为“rgbapng”的指南针插件,如我的配置文件所示,它会导致GRUNT出错(如上一张图所示)

问题:

•我如何让这个指南针插件与GRUNTS“grunt contrib sass”一起工作-有其他人这样做过吗-有人建议使用一个更好的插件吗

Compass Config.rb文件…

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

我在returnwatch中遇到的错误


更新:更新的grunt文件现在收到不同的错误消息,请参见下文

通过将grunfile.js中的路径从/assets/更改为assets/,修复了上一个错误。。然而,SCS现在编译没有错误,但插件仍然无法工作。

使用grunt compass,包括sass编译。 所需插件放入sass代码中的require array和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'
    }
  }
}

我仍然收到消息“无法读取或找不到文件”-我使用了gem list rgbapng-我认为等于“false”o我猜gem没有安装?但是它没有grunt就可以工作了,我用“sudo”运行了“gem install compass rgbapng”你有什么想法吗?sass现在编译了,但是插件虽然列出了,但不起作用-我觉得它没有正确安装,但不知道如何继续。gem list怎么说?我刚刚把所有的gem都扔了下来阅读列表,发现:“compass rgbapng”但当我使用require:'compass rgbapng'时,我得到rb:无法加载这样的文件--compass rgbapng与--trace一起运行以查看完整的backtraceDid导入它?在sass文件中:@import“rgbapng”