如何設置具有多個scss文件子目錄的gruntjs指南針手錶

Question

是否有配合多個scss文件子目錄使用指南針手錶的gruntjs配置？我的文件夾結構是這樣的：

scss/ 
    ie.scss 
    modules/ 
    _mixins.scss 
    _settings.scss 
    partials/ 
    _forms.scss 
    _grid.scss 
    _typeography.scss 
    _utilities.scss 
    print.scss 
    screen.scss 
    vendor/ 
    _font-awesome.min.scss 
    _pure-buttons.scss 
    _pure-forms.scss 

如果我建立一個觀察任務的scss目錄會看三個文件在這一水平。我想要一個類似於如果此項目在CodeKit中運行的設置，其中對由screens.scss導入的文件所做的任何更改都將觸發刷新所有CSS代碼。

所以，如果我改變partials/_typeography.scss東西我需要呼嚕刷新screens.scss其中包含該部分的@import聲明。

Answer 1

檢查了這一點。

module.exports = function(grunt) { 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 
     compass: { 
      clean: { 
       options: { 
        clean: true 
       } 
      }, 
      dev: { 
       options: { 
        sassDir: ['sass'], 
        cssDir: ['css'], 
        environment: 'development', 
        force: true 
       } 
      }, 
      prod: { 
       options: { 
        sassDir: ['sass'], 
        cssDir: ['css'], 
        environment: 'production', 
        force: true 
       } 
      } 
     }, 
     watch: { 
      sass: { 
       files: ['sass/**/*.scss'], 
       tasks: ['compass:dev'] 
      } 
     } 
    }); 

    grunt.loadNpmTasks('grunt-contrib-compass'); 

    grunt.registerTask('build', ['compass:prod']); 
    grunt.registerTask('default', ['watch']); 
};