32

gruntを使用して静的ファイルを醜くしています（grunt v0.4.0を使用）。1つのファイルを醜くするように構成しましたが、この質問と使用例を読んだにもかかわらず、2つのファイルを実行する方法がわかりません。

これが私が現在持っているものです：

uglify: {
  options: {
    banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
    mangle: true
  },
  build: {
    src: 'dist/main.js',
    dest: 'dist/main.min.js'
  }
}

私も醜くしたいdist/main.cssです。どうすれば追加できますか？使用例に従って、これを試しました。

uglify: {
  options: {
    banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n',
    mangle: true
  },
  build: {
    files: {
      'dist/main.min.js': ['dist/main.js'],
      'dist/main.min.css': ['dist/main.css']
    }
  }
}

しかし、これは私に次のエラーを与えます：

WARN: ERROR: Unexpected token: punc ({) [dist/main.css:7,41]
Warning: Uglification failed. Use --force to continue.
Aborted due to warnings.

最初は窒息している{ようです-なぜそれが起こるのでしょうか？有効なCSSです。

4

3 に答える 3

62

Ugliify は CSS ではなく Javascript 用です。http://github.com/gruntjs/grunt-contrib-cssminを使用して、Grunt を使用して CSS を縮小してみてください。

于 2013-03-21T22:10:46.460 に答える