node.js - Grunt 给出了一条奇怪的 "WARN: ERROR: Unexpected token..."消息

Question

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

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

当我运行 grunt 时，我收到以下消息:

警告:错误:意外的标记: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 和 node v0.8.20，均已全局安装。 grunt-cli 和 uglify 都已安装。 “Gruntfile.js”、“package.json”和“test.css”在同一目录中。所有这些文件都在 WordPress 网站的“主题”目录中，但我不认为那是问题所在。

有什么想法吗？

Answer 1

uglify 任务仅适用于 JavaScript 文件。对于 CSS，请查看 this answer ，这表明 grunt-css(引用 Jonathan Lonowski 的评论)