grunt-contrib-compassを使用した複数のCSS出力

Question

grunt-contrib-compassを使用して、SCSSファイルを1つのCSSファイルに処理しています。基本的にコンパスは、app/styles/**/*.scssと一致するすべてのSCSSファイルを考慮して、.tmp/styles/main.cssにコンパイルします。

私はに、この動作を分割したいと思います。しかし、私は私についてのイサキを設定する方法が分からない

（specificを無視して）.tmp/styles/main.cssに.tmp/styles/specific.css

app/styles/**/*.scssに

1. app/styles/specific/**/*.scss設定ファイルは非常に簡単です：

   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には文字列だけがパラメータとして許可されていると記載されているため、特に解決策を見つけられませんでした。これは他のタスクで実行する必要がありますか？ドキュメントから
   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を

Answer 1

は、私はあなたがコンパスのための内部サポートを持って面倒-のcontrib-SASSを試みるべきだと思います

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