css - grunt csscomb 不起作用

Question

我使用 Node、js 和 grunt 将 *.less 文件编译为 *.css 文件，然后我需要更改属性的顺序并创建最终的 css 文件，对于此任务，我尝试使用 grunt-csscomb

我的Gruntfile.js

 module.exports = function (grunt) {

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

     less: {
         development: {
             options: {
                 compress: false
             },
             files: {
                 "css/unsorted_style.css": "less/style.less"
             }
         }
     },

     csscomb: {
        foo: {
             files: {
                 'css/style.css': ['css/unsorted_style.css']
             }
        }
     },

     watch: {
         less: {
             files: ['less/*.less'],
             tasks: ['less'],
             options: {
                 spawn: false
             }
         },

         css {
            files: ['css/unsorted_style.css'],
            tasks: ['css', 'csscomb'],
            options: {
                 spawn: false
             }
         }

     }
 });

 grunt.loadNpmTasks('grunt-contrib-less');
 grunt.loadNpmTasks('grunt-csscomb');
 grunt.loadNpmTasks('grunt-contrib-watch');

 grunt.registerTask('default', ['less', 'csscomb', 'watch']);

 };

但我收到错误

怎么了？如何解决？

Answer 1

您错过了 css 中的 :

module.exports = function (grunt) {

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

     less: {
         development: {
             options: {
                 compress: false
             },
             files: {
                 "css/unsorted_style.css": "less/style.less"
             }
         }
     },

     csscomb: {
        foo: {
             files: {
                 'css/style.css': ['css/unsorted_style.css']
             }
        }
     },

     watch: {
         less: {
             files: ['less/*.less'],
             tasks: ['less'],
             options: {
                 spawn: false
             }
         },

         css: {
            files: ['css/unsorted_style.css'],
            tasks: ['css', 'csscomb'],
            options: {
                 spawn: false
             }
         }

     }
 });

 grunt.loadNpmTasks('grunt-contrib-less');
 grunt.loadNpmTasks('grunt-csscomb');
 grunt.loadNpmTasks('grunt-contrib-watch');

 grunt.registerTask('default', ['less', 'csscomb', 'watch']);

 };