咕嚕聲：cssmin不工作

我想使用Grunt cssmin插件來縮小CSS。以下是我的代碼：咕嚕聲：cssmin不工作

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

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

當我運行「grunt cssmin」時，它給出了「意外標識符」的錯誤。

來源

2016-06-13 Muhammad Arslan Maqsood

聽起來像在你的CSS語法錯誤，嘗試粘貼他們在這裏，看看他們是否通過http://www.css-validator.org/#validate_by_input –

有兩個文件，一個是bootstrap.css和其他是我自己的style.css。請檢查我自己的style.css [鏈接]（http://pastebin.com/1Z2avFng）的鏈接 –

似乎很好，你可以發佈你的完整Gruntfile.js和打印的完整錯誤，我開始思考你的配置中有一個流浪的逗號。 –

@mike

`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任務中，以後您可以編輯您的答案以提供更多信息，而不是將其張貼爲答案:)

 // 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不工作

回答

相關問題