grunt: uglify css-файлы с uglifyjs

Question

Я использую grunt для uglify моих статических файлов (используя 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 для минимизации CSS с помощью Grunt.

Answer 2

уродовать для Javascript только, но YUI Compressor может сделать и Javascript и CSS: YUI Compressor

Answer 3

Там есть аналогичное решение под названием UglifyCSS (https://github.com/fmarcia/UglifyCSS):

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

Где ведет себя так же, как UglifyJS.