Именование нескольких файлов css при минировании с помощью Grunt

Question

У меня есть несколько файлов css, которые я minifying, есть способ сохранить каждый из минитипированных файлов с тем же именем, что и их файл css? Так, например, billing_edit.css, checkout.css, error_page.css будет минимизироваться в billing_edit.min.css, checkout.min.css, error_page.min.css. Theres много 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' 
      ] 
     } 
    } 
}, 

и т.д.