gruntjs - grunt：使用 uglifyjs 对 css 文件进行 uglify

Question

我正在使用 grunt 来丑化我的静态文件（使用 grunt v0.4.0）。我已将其配置为 uglify 一个文件，但我无法弄清楚如何让它执行两个文件 -尽管阅读了这个问题和使用示例。

这是我目前拥有的：

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。

Answer 2

Uglify 仅适用于 Javascript，但 YUI Compressor 可以同时处理 Javascript 和 CSS：YUI Compressor

Answer 3

有一个类似的解决方案叫做UglifyCSS ( https://github.com/fmarcia/UglifyCSS )：

shell: uglifycss "source.css" > "output.min.css"

Where 的行为很像UglifyJS。