javascript - Grunt-contrib-sass 不适用于指南针

Question

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

我正在使用 grunt-contrib-sass 插件，因为我需要将 .scss 文件导出到两个不同的目的地，但我无法使其与 grunt-contrib-compass 一起使用。

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

这是我的 gruntfile.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-sass 不支持低于 v1.0.0 的 Compass 版本(在撰写本文时该版本处于 alpha 版本)。

更新指南针后；

gem install compass --pre

编译时一切似乎都工作正常。使用与上面相同的 gruntfile.js。