如何使用grunt和grunt contrib less将编译后的CSS文件输出到不同的生产文件夹

如何使用grunt和grunt contrib less将编译后的CSS文件输出到不同的生产文件夹,css,less,gruntjs,windows-7-x64,Css,Less,Gruntjs,Windows 7 X64,我已经找到了使用grunt contrib-less包构建less的解决方案,但是我不知道如何使用grunts配置任务()将*.css文件输出到特定的目标。我试过dest:“C:/my_folder/”。有什么建议吗 less: { options: { paths: ['css/base'] }, // target name src: { // no need for files, the config below should

我已经找到了使用grunt contrib-less包构建less的解决方案,但是我不知道如何使用grunts配置任务()将*.css文件输出到特定的目标。我试过dest:“C:/my_folder/”。有什么建议吗

less: {
    options: {
        paths: ['css/base']
    },
    // target name
    src: {
        // no need for files, the config below should work
        expand: true,
        cwd:    "css/base",
        src:    "*.less",
        ext:    ".css"
    }
}
我也尝试过使用grunt contrib less中的示例,但我不知道如何将其应用到a)只需选择所有文件,并将它们构建到具有不同扩展名的相同文件名中(即..less to.css),就像上面的b)我不理解选项JSON属性(甚至阅读文档)

在所有这一切结束时,我真的希望有一个组合,这两个花了我所有的较少,并将其编译为css的开发和最终的css的生产,这是缩小


我已经浏览了一遍,但很难理解Grunt。

您需要指定dest属性。指定较少文件源的最佳方法是使用相对路径


没有使用grunt contrib less,但您可以尝试设置
less.src.dist
less.dist
。根据文档,它看起来应该是
less.dest='C:/xxx/.css'
less: {
  development: {
    options: {
      paths: ["assets/css"]
    },
    files: {
      "dev/css/*.css": "dev/less/*.less"
    }
  },
  production: {
    options: {
      paths: ["assets/css"],
      cleancss: true
    },
    files: {
      "prod/css/*.css": "dev/less/*.less"
    }
  }
}
less: {
  options: {
    paths: ['css/base']
  },
  // target name
  src: {        
    expand: true,
    cwd:    "css/base",
    src:    "*.less",
    ext:    ".css"
    dest:   "build/"   // Destination for your compiled css files.
  }
}