css - 使用 Grunt 缩小时命名多个 css 文件

Question

我有多个正在缩小的 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'
          ],
        }
      }
    },

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

等等