Grunt contrib sass不使用指南针

Question

我是Grunt的新手，正在尝试配置Grunt contrib sass与Compass一起工作。

我使用grunt-contrib-sass插件，因为我需要导出我的. scss文件到两个不同的目的地，我无法让它与grunt-contrib-compass一起工作。

我的问题是，在编译的时候。我在终端中收到的scss文件“错误：无法加载指南针”。

这是我的Grunfile文件的副本。js；

module.exports = function(grunt){

  grunt.initConfig({

    uglify: {
      my_target: {
        files: {
          'wp-content/themes/mytheme/js/functions.js' : [ 'components/js/*.js' ] 
        }
      }
    }, // uglify

    sass:{
      dist:{
        files: {
          'wp-content/themes/mytheme/style.css' : 'components/sass/style.scss',
          'wp-content/themes/mytheme/css/ie.css' : 'components/sass/ie.scss '
        },
      options: {
        compass: true,
      }
    }
  },

  watch: {
    scripts : {
      files: ['components/js/*.js'],
      tasks: ['uglify']
    },
    css: {
      files: [ 'components/sass/*.scss'],
      tasks: [ 'sass' ],
      options: { livereload: true }
    },
    livereload: {
      options: { livereload: true },
      files: ['wp-content/themes/mytheme/'],
    },
  } // watch

})

grunt.loadNpmTasks('grunt-contrib-uglify');
grunt.loadNpmTasks('grunt-contrib-sass');
grunt.loadNpmTasks('grunt-contrib-watch');

grunt.registerTask( 'default', 'watch' );

} // exports

谢谢！

Answer 1

根据grunt contrib compass github页面，您需要先安装Ruby、Sass和compass。您正在使用grunt contrib sass而不是grunt contrib compass。请参见contrib compass github上的示例。

Answer 2

删除除已知工作版本3.2之外的所有sass版本。19为我解决了这个问题。

$ sudo gem uninstall sass
Select gem to uninstall:
 1. sass-3.2.3
 2. sass-3.2.5
 3. sass-3.2.19
 4. sass-3.3.5
 5. All versions
> 4

Answer 3

Grunt-contrib-sass不支持低于v1.0.0的Compass版本（在撰写本文时为alpha版本）。

在使用更新罗盘之后；

gem install compass --pre

编译时一切似乎都很好。使用了与上述相同的gruntfile.js。