找不到任务错误

Question

我最近开始使用grunt，似乎无法让它工作：我使用npm安装了grunt-cli，并且使用npm安装了几个grunt模块，没有问题。我试图将所有引导框架的少文件编译成一个css文件，但不断收到一个错误，说没有找到更少的任务。我确定一切都在它应该是的地方，我在gruntfile中加载了grunt-contrib-less插件。任何想法，我可能会出错？

我的package.json的内容：

{ 
    "name": "dConference", 
    "version": "0.1.0", 
    "devDependencies": { 
    "grunt": "latest", 
    "grunt-contrib-jshint": "latest", 
    "jshint-stylish": "latest", 
    "grunt-contrib-uglify": "latest", 
    "grunt-contrib-less": "latest", 
    "grunt-contrib-cssmin": "latest", 
    "grunt-contrib-watch": "latest" 
    } 
} 

而且我gruntfile.js的内容：

//gruntfile specifying all tasks to be performed 

module.exports = function(grunt){ 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 

     //all configuration goes here 
     less: { 
      build: { 
       files: [{ 
        expand: true, 
        cwd: "components/less", 
        src: ["*.less"] 
        dest: "css/main.css" 
       }    ] 
      } 
     } 

    }); 

    grunt.loadNpmTasks("grunt-contrib-jshint"); 
    grunt.loadNpmTasks("grunt-contrib-uglify"); 
    grunt.loadNpmTasks('grunt-contrib-less'); 
    grunt.loadNpmTasks("grunt-contrib-cssmin"); 
    grunt.loadNpmTasks("grunt-contrib-watch"); 



}; 

Answer 1

我做Gruntfile.js如下。

module.exports = function(grunt) { 
    grunt.initConfig({ 
     pkg: grunt.file.readJSON('package.json'), 
     less: { 
      build: { 
       files: { 
        'css/main.css': 'components/less/bootstrap.less' 
       } 
      } 
     } 

    }); 

    grunt.loadNpmTasks("grunt-contrib-jshint"); 
    grunt.loadNpmTasks("grunt-contrib-uglify"); 
    grunt.loadNpmTasks('grunt-contrib-less'); 
    grunt.loadNpmTasks("grunt-contrib-cssmin"); 
    grunt.loadNpmTasks("grunt-contrib-watch"); 
}; 

并且在项目根文件夹上运行“grunt less”成功。 成功运行“grunt less”命令后，main.css在css文件夹下生成。

项目结构是：

咕噜测试项目

• 组件/更少
  • 混入文件夹
  • 所有其他引导减档
• CSS
• Gruntfile.js
• 的package.json

请您尝试一下在你的身边，让我知道结果。