сообщение: «Неожиданный маркер: (.) ​​Punc», при использовании уродовать в хрюкать

Question

Цель

Моя цель состоит в том, чтобы СЦЕПИТЬ все мои CSS, JS файлы и преуменьшать все из них. Я могу уменьшить мой concat.js, но я изо всех сил пытаюсь минимизировать мой concat.css.

---

Gruntfile.js

module.exports = function(grunt) { 
    "use strict"; 

    grunt.initConfig({ 

     concat: { 

      js: { 
       src: [ 

        'js/bootstrap.min.js', 
        'js/jquery-1.10.2.min.js', 

        'js/jquery.easypiechart.min.js', 
        'js/jquery.isotope.min.js', 
        'js/jquery.magnific-popup.min.js', 
        'js/waypoints.min.js', 
        'js/respond.min.js', 
        'js/jquery.vegas.min.js', 
        'js/modernizr-2.6.2.min.js', 
        'js/jquery.nav.js', 
        'js/html5shiv.js', 
        'js/jquery.scrollTo.js', 
        'js/jquery.sticky.js', 
        'js/jquery.validate.js', 
        'js/main.js', 

       ], 
       dest: 'dist/concat.js' 
      }, 

      css: { 
       src: [ 


        'css/magnific-popup.css', 
        'css/main.css', 
        'css/xl.css', 
        'css/lg.css', 
        'css/md.css', 
        'css/sm.css', 
        'css/xs.css', 
        'css/print.css', 
        'css/bootstrap.min.css', 
        'css/font-awesome.min.css', 

       ], 
       dest: 'dist/concat.css' 
      } 
     }, 

     watch: { 

      js: { 

       files: ['js/*.js'], 
       task: ['concat:js'] 
      }, 

      css: { 
       files: ['css/*.css'], 
       task: ['concat:css'] 
      } 
     }, 

     uglify: { 

      js: { 
       files: { 
        'dist/minified.js': ['dist/concat.js'] 
       } 
      }, 

      css: { 
       files: { 
        'dist/minified.css': ['dist/concat.css'] 
       } 
      } 
     } 

    }); 

    grunt.loadNpmTasks('grunt-contrib-concat'); 
    grunt.loadNpmTasks('grunt-contrib-uglify'); 
    grunt.loadNpmTasks('grunt-contrib-watch'); 
    grunt.registerTask('default', ['concat', 'uglify']); 

}; 

---

Результат

Я сцепить все мои CSS и JS файлы успешно, и они генерируются на:

• dist/concat.js
• dist/concat.css

Тогда, я могу также Минимизировать мой concat.js без проблем, но я изо всех сил пытается Минимизировать мой concat.css.

Я постоянно получаю эту ошибку в нижней части моего терминала:

Running "uglify:css" (uglify) task 
{ message: 'Unexpected token: punc (.)', 
    filename: 'concat.css', 
    line: 4, 

и строка4 это только начало моего класса: .mfp-bg {

Может кто-то пожалуйста, дайте мне немного нажать здесь? Кроме того, следует ли выполнять минимизацию после конкатенации или наоборот? Есть ли лучший способ сделать это?

Answer 1

uglify предназначен для сведения только к JavaScript, а не к CSS.

Если вы хотите минимизировать CSS, вы можете использовать задачу cssmin вместо Grunt.