Question

我正在为以下名为“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网站的“themes”目录中，但我不是那个问题。

有什么想法吗？

Answer 1

uglify任务仅适用于JavaScript文件。对于CSS，结帐this answer，这表明grunt-css（cit Jonathan Lonowski评论）

Grunt给出了一个奇怪的“警告：错误：意外的令牌......”消息

1 个答案: