我对Gruntjs目标做错了什么?

时间:2013-09-25 07:32:45

标签: node.js gruntjs

我按照grunt.option页面上的说明为我的Gruntfile中的不同环境/目标(如开发,登台和生产)创建了不同的配置。但是,这样做后我发现我的任务无声地失败了。

我把问题简化为一个非常简单的例子。以下Gruntfile无法构建文件:

module.exports = function (grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    less: {
      dev: {
        options: {
          compress: true
        },
        build: {
          src: ['src/css/test.less'],
          dest: 'build/css/test.css'
        }
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.registerTask('default', ['less:dev']);
};

终端输出如下:

$ grunt
Running "less:dev" (less) task

Done, without errors.

但是,如果我使用以下Gruntfile,则构建输出符合预期:

module.exports = function (grunt) {
  grunt.initConfig({
    pkg: grunt.file.readJSON('package.json'),
    less: {
      options: {
        compress: true
      },
      build: {
        src: ['src/css/test.less'],
        dest: 'build/css/test.css'
      }
    }
  });

  grunt.loadNpmTasks('grunt-contrib-less');
  grunt.registerTask('default', ['less']);
};

此Gruntfile的终端输出反映了构建的文件:

$ grunt
Running "less:build" (less) task
File build/css/test.css created.

Done, without errors.

我在第一个Gruntfile中做错了什么?关于这个task:target惯例,我错过了什么?

1 个答案:

答案 0 :(得分:6)

您的第一个Gruntfile - 如果您需要每个目标选项,则需要指定files对象。所以你的代码是这样的:

less: {
  dev: {
    files: {
      "build/css/test.css": "src/css/test.less"
    }
  },
  production: {
    options: {
      compress: true
    },
    files: {
      "build/css/test.css": "src/css/test.less"
    }
  },
}

基本上在你的第一个Gruntfile build中是一个未知对象。您的目标名为devgrunt-contrib-less没有名为build的选项,因此Grunt不知道在哪里写文件。您的第二个Gruntfile有效,因为您将选项设置为全局。如果您想要每个目标选项,请使用上面的代码。