Grunt đưa ra một kỳ lạ "WARN: ERROR: dấu hiệu bất ngờ ..." tin nhắn

Question

Tôi đang thiết lập nhiệm vụ rút gọn grunt cho file css sau có tên là "test.css":

body{ 
background-color: #fff; 
text-align: left; 
} 

tôi nhận được như sau tin nhắn khi tôi chạy grunt:

WARN: ERROR: Unexpected token: punc ({) [test.css:1,4]

của tôi "Gruntfile.js" tập tin hiện trông như thế này:

module.exports = function(grunt) { 
    grunt.initConfig({ 
    pkg: grunt.file.readJSON('package.json'), 
    uglify: { 
    options: { 
     banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n' 
    }, 
    min: { 
     src: 'test.css', 
     dest: 'test.min.css' 
    } 
    } 
    }); 

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

của tôi "package.json" tập tin hiện trông như thế này:

{ 
    "name": "kaidez", 
    "version": "0.1.0", 
    "devDependencies": { 
    "grunt": "~0.4.0", 
    "grunt-contrib-uglify": "~0.1.1" 
    } 
} 

Chạy v4.0 grunt và nút v0.8.20, cả hai được cài đặt trên toàn cầu. Cả hai grunt-cli và uglify đều được cài đặt. "Gruntfile.js", "package.json" và "test.css" nằm trong cùng một thư mục. Tất cả các tệp này nằm trong thư mục "chủ đề" cho trang web WordPress, nhưng tôi không phải là vấn đề.

Bất kỳ ý tưởng nào?

Answer 1

Tác vụ uglify chỉ dành cho các tệp JavaScript. Đối với CSS, hãy kiểm tra this answer, gợi ý grunt-css (bình luận của Jonathan Lonowski)