複数のCSSファイルの名前をGruntで細分化するとき

Question

私は複数のCSSファイルを用意していますが、各ミニファイルを自分のCSSファイルと同じ名前にする方法はありますか？たとえば、billing_edit.css、checkout.css、error_page.cssは、billing_edit.min.css、checkout.min.css、error_page.min.cssに縮小します。 Thess多くのCSSファイルと通常は私はそれらを組み合わせる方が良いと知っていますが、これは潜在的に競合するスタイルが存在する状況です。その場合、私は以下のことを避けたいと思います。

cssmin: { 
     options: { 
     compatibility: 'ie8' 
     }, 
     dist: { 
     files: { 
      'stylesheets/billing_edit.min.css' : [ 
      'stylesheets/billing_edit.css' 
      ], 
      'stylesheets/checkout.min.css' : [ 
      'stylesheets/checkout.css' 
      ], 
      'stylesheets/error_page.min.css' : [ 
      'stylesheets/error_page.css' 
      ], 
     } 
     } 
    }, 

Answer 1

このためには、使用することができ、複数のdist

cssmin: { 
    options: { 
     compatibility: 'ie8' 
    }, 
    dist1: { 
     files: { 
      'stylesheets/billing_edit.min.css' : [ 
       'stylesheets/billing_edit.css' 
      ] 
     } 
    }, 
    dist2: { 
     files: { 
      'stylesheets/checkout.min.css' : [ 
       'stylesheets/checkout.css' 
      ] 
     } 
    } 
}, 

など