Grunt给出了一个奇怪的“WARN：ERROR：Unexpected token …”消息

我正在为以下名为“test.css”的css文件设置grunt缩小任务：

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

我运行grunt时会收到以下消息：

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

我的“Gruntfile.js”文件目前看起来像这样：

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

我的“package.json”文件目前看起来像这样：

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

运行全局安装的grunt v4.0和v0.8.20节点。 grunt-cli和uglify都被安装。 “Gruntfile.js”，“package.json”和“test.css”在同一个目录下。 所有这些文件都在WordPress网站的“主题”目录中，但我不是这个问题。

有任何想法吗？

Answer 1

uglify任务仅适用于JavaScript文件。 对于CSS，检查这个答案 ，这表明grunt-css（cit Jonathan Lonowski评论）