2015-07-11 5 views
1

Я компилирую * .less файлы в * .css-файлы, используя node, js и grunt, а затем мне нужно изменить заказ свойств и создать окончательный файл css, и для этой задачи я попытался использовать grunt-csscombgrunt 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']); 

}; 

, но я получаю сообщение об ошибке enter image description here

Что случилось? Как это исправить?

ответ

0

Вы пропустили : в 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']); 

}; 
Смежные вопросы