2016-06-13 8 views
0

私はGrunt cssminプラグインを使用してCSSを縮小しようとしています。以下は私のコードです:Grunt:cssminが動作しない

// Minify CSS 
cssmin: { 
    build: { 
     options: { 
      banner: '/* Minified CSS */' 
     }, 

     files: { 
      'htt/css/style.min.css' : ['wp/css/**/*.css'] 
     } 
    } 
}, 

i「は単調なcssmin」を実行すると、それは「予期しない識別子」のエラーが発生します。

`module.exportsは=関数(イサキ){

// Configure Tasks 
grunt.initConfig ({ 
    pkg: grunt.file.readJSON ('package.json'), 

    // Uglify JS 
    uglify: { 
     build: { 
      src: 'wp/js/*.js', 
      dest: 'htt/js/script.min.js' 
     }, 

     dev: { 
      options: { 
       beautify: true, 
       mangel: false, 
       compress: false, 
       preserveComments: 'all' 
      }, 
      src: 'wp/js/*.js', 
      dest: 'htt/js/script.min.js' 
     } 
    }, 

    // Concatenating files 
    concat: { 
     build: { 
      src: ['wp/css/*.css'], 
      dest: 'htt/css/style.css' 
     } 
    }, 

    // Minify CSS 
    cssmin: { 
     build: { 
      //options: { 
      // banner: '/* Minified CSS */' 
      //}, 

      files: { 
       'htt/css/style.min.css' : ['wp/css/**/*.css'] 
      } 
     } 
    }, 

    // Watch Tasks 
    watch: { 
     js: { 
      files: ['wp/js/*.js'], 
      tasks: ['uglify:dev'] 
     } 

     css: { 
      files: ['wp/css/*.css'], 
      tasks: [''] 
     } 
    } 
}); 

// Load the Plugins 
grunt.loadNpmTasks ('grunt-contrib-uglify'); 
grunt.loadNpmTasks ('grunt-contrib-watch'); 
grunt.loadNpmTasks ('grunt-contrib-concat'); 
grunt.loadNpmTasks ('grunt-contrib-cssmin'); 

// Register Tasks 
grunt.registerTask ('default', ['uglify:dev']); 
grunt.registerTask ('build', ['uglify:build', 'cssmin']); 

} @マイク

+0

あなたのCSSに構文エラーがあります。ここに貼り付けて、合格しているかどうかを確認してください。 –

+0

2つのファイルがあり、1つはbootstrap.cssです。私自身のスタイルです。親切に私のstyle.cssのリンクを確認してください。[リンク](http://pastebin.com/1Z2avFng) –

+0

あなたは完全なGruntfile.jsと完全なエラーを印刷することができますか、私は考え始めています設定のどこかに迷いのカンマがあります。 –

答えて

0

;上記`

全体gruntfile.jsファイルである

1

あなたは不足していますカンマをウォッチタスクのjsオブジェクトの後に置いてください。将来、あなたは答えとして投稿する代わりに、より多くの情報を提供するためにあなたの答えを編集することができます:)

 // Watch Tasks 
     watch: { 
      js: { 
       files: ['wp/js/*.js'], 
       tasks: ['uglify:dev'] 
      }, <------- Missing comma 

      css: { 
       files: ['wp/css/*.css'], 
       tasks: [''] 
      } 
     } 
    });