6

我正在为以下名为“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 和 node v0.8.20,两者都全局安装。grunt-cli和都已uglify安装。“Gruntfile.js”、“package.json”和“test.css”在同一个目录下。所有这些文件都在 WordPress 网站的“主题”目录中,但我不认为这就是问题所在。

有任何想法吗?

4

1 回答 1

8

uglify 任务仅适用于 JavaScript 文件。对于 CSS,请查看此答案,其中建议使用 grunt-css(引用 Jonathan Lonowski 评论)

于 2013-03-22T10:30:08.633 回答