css - 我可以配置一个 grint-contrib-less 任务来编译成并行结构吗？

Question

目前我们正在使用 grunt-contrib-less 来处理我们的 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 文件安装到与其来源的原始 less 文件相同的目录中。我们想要做的是将它们吐出到/assets/css/目录中，但具有相同的相对结构。例如:

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

是否有可以实现此目的的 grunt-contrib-less 配置？

Answer 1

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

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