Css 我是否可以将grint contrib less任务配置为编译成并行结构？

目前，我们正在使用grunt contrib less作为grunt任务来处理less文件编译。较少的文件存储在与以下类似的结构中：

assets/
    styles/
        base.less
        client/
            client.less
            device/
                tablet.less
                phone.less

我们的Grunt配置有以下内容：

less: {
    options: {
        paths: 'assets/',
        yuicompress: false,
        ieCompat: true,
        require: [
            'assets/styles/base.less'
        ]
    },
    src: {
        expand: true,
        cwd: 'assets/',
        src: [
            'styles/**/*.less'
        ],
        ext: '.css',
        dest: 'assets/'
    }
},

目前，这是安装所有生成的css文件到同一个目录作为原始较少的文件来自。我们想要做的是将它们吐出到/assets/css/目录中，但具有相同的相对结构。例如：

assets/
    css/
        base.css
        client/
            client.css
            device/
                tablet.css
                phone.css

---

是否有一种grunt contrib-less配置可以实现这一点？我通过以下

GrunFile.js

var path = require('path');

module.exports = function(grunt) {

  grunt.initConfig({
    less: {
      options: {
        paths: 'assets/',
        yuicompress: false,
        ieCompat: true,
        require: [
          'assets/styles/base.less'
        ]
      },
      src: {
        expand: true,
        cwd: 'assets/',
        src: [
            'styles/**/*.less'
        ],
        ext: '.css',
        dest: 'assets',
        rename: function(dest, src) {
          return path.join(dest, src.replace(/^styles/, 'css'));
        }
      }
    },
  });

  grunt.loadNpmTasks('grunt-contrib-less');

}

解释 尽管它不在

grunt contrib less

docs中，但还有一系列更多的特性可用于文件对象。直到我努力回答这个问题，我才意识到有这么多。其上文档的链接位于参考资料下

资源

---

一个更简单的方法似乎是：

less: {
    options: {
        paths: 'assets/',
        ieCompat: true,
        require: [
            'assets/styles/base.less'
        ]
    },
    src: {
        expand: true,
        cwd: 'assets/styles/',
        src: [
            '**/*.less'
        ],
        ext: '.css',
        dest: 'assets/css'
    }
},