Несколько вывод CSS с grunt-contrib-compass

Question

Я использую grunt-contrib-compass для обработки моих файлов SCSS в один файл CSS. В принципе, компас рассматривает все файлы SCSS, соответствующие app/styles/**/*.scss, и скомпилирует их в .tmp/styles/main.css.

Я хотел бы разделить это поведение в:

1. app/styles/specific/**/*.scss в .tmp/styles/specific.css
2. app/styles/**/*.scss к .tmp/styles/main.css (игнорируя specific)

Однако, я понятия не имею, как настроить ворчание по поводу моего файл конфигурации, который довольно прост:

options: { 
    sassDir: '<%= yeoman.app %>/styles', 
    cssDir: '.tmp/styles', 
    imagesDir: '<%= yeoman.app %>/images', 
    javascriptsDir: '<%= yeoman.app %>/scripts', 
    fontsDir: '<%= yeoman.app %>/styles/fonts', 
    importPath: '<%= yeoman.app %>/bower_components', 
    relativeAssets: true 
} 

Я не мог понять какое-либо решение, потому что в документации компаса указано, что cssDir и sassDir разрешают только строку в качестве параметра. Нужно ли это делать в другой задаче?

Answer 1

Я думаю, вы должны попробовать черновую-вно-дерзость, которые имеют внутреннюю поддержку компаса:
https://npmjs.org/package/grunt-contrib-sass

из документации:

compass 
Type: Boolean 
Default: false 

Make Compass imports available and load project configuration 
(config.rb located close to the Gruntfile.js). 

И вы можете использовать глобальные модели gruntjs:
http://gruntjs.com/configuring-tasks#globbing-patterns

sass: { 
dist: { 
    files: [ 
    { 
     src: 'app/styles/specific/**/*.scss', 
     dest:'.tmp/styles/specific.css' 
    }, 
    { 
     src: ['app/styles/**/*.scss', '!app/styles/specific/**/*.scss'],  
     dest:'.tmp/styles/main.css' 
    } 
    ] 
} 
}