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

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

node.js css minify gruntjs grunt-contrib-cssmin
person Atom    schedule 21.05.2016    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Для этого можно использовать несколько 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'
            ]
        }
    }
},

и т.п.

person Clint    schedule 21.05.2016