gruntjs - 咕噜声 : uglify css files with uglifyjs

Question

我正在使用 grunt 来丑化我的静态文件(使用 grunt v0.4.0)。我已将其配置为丑化一个文件，但我不知道如何让它处理两个文件 - despite reading this question和 usage examples 。

这是我目前拥有的:

uglify: {
  options: {
    banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
    mangle: true
  },
  build: {
    src: 'dist/main.js',
    dest: 'dist/main.min.js'
  }
}

我也想丑化dist/main.css。我怎样才能添加它？我按照使用示例尝试了这一点:

uglify: {
  options: {
    banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
    mangle: true
  },
  build: {
    files: {
      'dist/main.min.js': ['dist/main.js'],
      'dist/main.min.css': ['dist/main.css']
    }
  }
}

但这给了我以下错误:

WARN: ERROR: Unexpected token: punc ({) [dist/main.css:7,41]
Warning: Uglification failed. Use --force to continue.
Aborted due to warnings.

似乎在第一个{时就窒息了 - 为什么会发生这种情况？这是有效的 CSS。

Answer 1

Uglify 适用于 Javascript，而非 CSS。尝试使用http://github.com/gruntjs/grunt-contrib-cssmin使用 Grunt 缩小 CSS。