2013-02-24 9 views
6

Ich Einrichtung Grunzen minification Aufgaben für die folgende CSS-Datei mit dem Namen „test.css“:Grunt gibt einen seltsamen „Warnen: FEHLER: Unerwartete Zeichen ...“ Nachricht

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

ich folgenden erhalten Meldung, wenn ich laufen grunt:

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

Meine "Gruntfile.js" Datei sieht derzeit wie folgt aus:

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']); 
}; 

My "package.json" Datei sieht derzeit wie folgt aus:

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

Lauf Grunzen v4.0 und Knoten v0.8.20 sowohl global installiert. Sowohl grunt-cli als auch uglify sind installiert. "Gruntfile.js", "package.json" und "test.css" befinden sich im selben Verzeichnis. Alle diese Dateien sind im Verzeichnis "Themes" für eine WordPress-Website, aber das ist nicht das Problem.

Irgendwelche Ideen?

+2

Die 'Uglify' Aufgabe ist nur für JavaScript-Dateien. Für CSS, checkout http://stackoverflow.com/a/13749226, was ['grunt-css'] (https://npmjs.org/package/grunt-css) vorschlägt. –

+0

Jonathan Lonowski: Vielen Dank ... es hat funktioniert !!! Wenn ich über Kommentare abstimmen würde, würde ich dich aufstoßen. – kaidez

+0

@ JonathanLonowski sollten Sie Ihren Kommentar eine Antwort geben. –

Antwort

7

Die Uglify-Aufgabe ist nur für JavaScript-Dateien. Für CSS, checkout this answer, schlägt vor grunt-css (cit Jonathan Lonowski Kommentar)

+0

Argh, schlug mit diesem Kopf seit Ewigkeiten gegen die Wand. So einfach :) – Mark

Verwandte Themen