6

「test.css」という名前の次のcssファイルのうなり声の縮小タスクを設定しています。

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"
  }
}

gruntv4.0とノードv0.8.20を実行しています。どちらもグローバルにインストールされています。grunt-cliとの両方uglifyがインストールされています。「Gruntfile.js」、「package.json」、「test.css」は同じディレクトリにあります。これらのファイルはすべてWordPressサイトの「themes」ディレクトリにありますが、それは問題ではありません。

何か案は?

4

1 に答える 1

8

uglify タスクは JavaScript ファイル専用です。CSSについては、 grunt-css を提案するこの回答をチェックしてください(Jonathan Lonowskiのコメントを引用)

于 2013-03-22T10:30:08.633 に答える