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

时间:2016-05-21 00:16:08

标签: css node.js gruntjs minify grunt-contrib-cssmin

我有多个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'
          ],
        }
      }
    },

1 个答案:

答案 0 :(得分:0)

为此,您可以使用多个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'
            ]
        }
    }
},