Sass 如何使用scss文件的多个子目录设置gruntjs compass watch

Sass 如何使用scss文件的多个子目录设置gruntjs compass watch,sass,gruntjs,compass-sass,Sass,Gruntjs,Compass Sass,使用compass watch和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-a

使用compass watch和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中运行时的设置,其中对由
屏幕导入的文件所做的任何更改。scss
将触发所有CSS代码的刷新

因此,如果我在
partials/\u typeography.scss
中更改了某些内容,我需要grunt来刷新
屏幕.scss
,其中包含该部分的
@import
语句。

请检查此项

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']);
};
看看这个

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']);
};

sass/***.scss是我一直在寻找的。谢谢sass/***.scss是我一直在寻找的。谢谢