web-dev-qa-db-ja.com

grunt：uglifyjsでcssファイルをuglifyする

私はgruntを使用して静的ファイルをuいています（grunt v0.4.0を使用）。私は1つのファイルをuくように設定しましたが、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も同様にuいたいです。どうすれば追加できますか？使用例に従って、これを試しました。

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です。

gruntjs
29
Richard

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

60
drzax

UglifyはJavascript専用ですが、YUI CompressorはJavascriptとCSSの両方を実行できます。 YUI Compressor

5
jchadhowell

UglifyCSS（ https://github.com/fmarcia/UglifyCSS ）と呼ばれる同様のソリューションがあります：

Shell: uglifycss "source.css" > "output.min.css"

UglifyJSのように動作する場所。

3
xudre