그란트 : cssmin이 작동하지 않습니다.

저는 Grunt cssmin 플러그인을 사용하여 CSS를 축소하려고합니다. 아래 코드는 :그란트 : cssmin이 작동하지 않습니다.

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

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

"grunt cssmin"을 실행하면 "Unexpected identifier"오류가 발생합니다.

출처

2016-06-13 Muhammad Arslan Maqsood

CSS에 구문 오류가있는 것 같습니다. 여기에 붙여 넣어서 통과하는지 확인하십시오. http://www.css-validator.org/#validate_by_input –

두 파일이 있습니다. 하나는 bootstrap.css이고 다른 하나는 내 스타일 .css. 친절하게 내 자신의 style.css의 링크를 확인하십시오. [link] (http://pastebin.com/1Z2avFng) –

괜찮아요. 전체 Gruntfile.js와 인쇄되는 전체 오류를 게시 할 수 있습니까? 나는 생각하기 시작합니다. 당신은 어딘가에 귀하의 설정에 빗나간 쉼표가 있습니다. –

`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']);

} @ 마이크,`

위는 전체 gruntfile.js 파일

출처

2016-06-14 00:08:30

당신은 어디에서 누락 쉼표를 사용하여 시계 작업의 js 개체 뒤에 미래에 답변을 게시하는 대신 대답을 편집하여 답변을 게시하는 대신 자세한 정보를 제공 할 수 있습니다.

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

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

출처

2016-06-14 08:32:59

그란트 : cssmin이 작동하지 않습니다.

답변

관련 문제