使用 Grunt 将多个目录中的 LESS 文件编译为给定路径下的单个文件答案

【问题标题】：Compile LESS files with Grunt from multiple directories into single one, at given path使用 Grunt 将多个目录中的 LESS 文件编译为给定路径下的单个文件
【发布时间】：2015-06-05 07:56:49
【问题描述】：

使用 Grunt 我想将来自不同动态源的 .less 文件编译成给定路径的单个 .css 目标文件。例如，我的源文件是这样组织的：

app
 |_ modules
       |_ module1
       |     |_ branding
       |           |_ brand1
       |           |    |_ file1.less
       |           |    |_ file2.less
       |           |_ brand2
       |                |_ file1.less
       |                |_ file2.less
       |_ module2
             |_ branding
                   |_ brand1
                   |    |_ file1.less
                   |_ brand2
                        |_ file1.less

我想在如下目的地编译它们：

app
 |_ styles
      |_ branding
            |_ brand1.css
            |_ brand2.css

目前我正在尝试如下的 grunt 任务定义：

less:{
  branding: {
    files: [
      {
        expand: true,
        cwd: "<%= yeoman.app %>/app/modules/",
        src: ["**/branding/**/*.less"],
        dest: "<%= yeoman.app %>/app/styles/branding/",
        ext: ".css"
      }
    ]
  }
}

这显然行不通，因为它复制了源代码树。

有可能吗？

【问题讨论】：

请参阅"Should questions include “tags” in their titles?"，其中的共识是“不，他们不应该”！
好的，已编辑，尽管在我看来这是一个“专注于指向月亮的手指”自以为是的政策。
问题是，在标题前加上标签是没有意义的，而且会产生噪音，因为标签作为元信息被添加，无论如何都会被索引（并且是可搜索的）。

标签： gruntjs less grunt-contrib-less

【解决方案1】：

对于那些正在寻找类似问题的解决方案的人，我目前使用“重命名”功能解决了它：

    less:{
      branding: {
        files: [
        {
            expand: true,
            cwd: "<%= yeoman.app %>/app/modules/",
            src: ["**/branding/**/*.less"],
            dest: "<%= yeoman.app %>/app/styles/branding/",
            ext: ".css",
            rename: function(dest, src) {
                var match = '/branding/',
                    brandized = src.replace(src.substring(0, src.indexOf(match)+match.length), '');
                return dest + brandized.substring(0, brandized.indexOf('/')) + '.css';
            }
        }
        ]
      }
    }

【讨论】：