使用 gruntjs 编译多个 less 文件并作为多个 css 文件复制到文件夹答案

【问题标题】：Compile multiple less file and copyto a folder as multiple css file using gruntjs使用 gruntjs 编译多个 less 文件并作为多个 css 文件复制到文件夹
【发布时间】：2014-03-24 07:47:26
【问题描述】：

我正在尝试将 less 文件夹下的多个 less 文件输出到 build/css 文件夹

这是我必须指定单个文件及其工作正常的代码

less: {
        build: {
            options: {
                yuicompress: true,
                paths: ['public/less']
            },
            files: {
                '.build/css/app1.css': 'public/less/app1.less',
                '.build/css/app2.css': 'public/less/app2.less'
            }
        }
    }

我尝试使它更通用并尝试过但不起作用

less: {
        build: {
            options: {
                yuicompress: true,
                paths: ['public/less']
            },
            files: {
                  expand: true,
                  cwd: 'public/css',
                  src: '*.less',
                  dest: '.build/css',
                  ext: '*.css'
            }
        }
    }

这是我的咕噜版本

grunt-cli v0.1.9
grunt v0.4.2

是否需要添加任何配置？

【问题讨论】：

标签： less gruntjs

【解决方案1】：

我认为cwd 中有错字，src 应该是数组而不是字符串，ext 也已更改，dest 也不正确。

files: {
    expand: true,
    cwd: 'public/less',
    src: '[**/*.less]',
    dest: 'build/css',
    ext: '.css'
}

【讨论】：

这不起作用 src: '[*/.less]' 是什么意思？
我收到这样的警告。 Running "less:build" (less) task Warning: Object true has no method 'indexOf' Use --force to continue.
我包装了类似文件：[{....}]，警告消失了，新的 css 文件夹被创建，但没有创建 css 文件

【解决方案2】：

这个对我有用，我的构建文件夹名称是“.build”

files: [{
                expand: true,
                cwd: 'public/less/',
                src: '**/*.less',
                dest: '.build/css',
                ext: '.css'
}]

【讨论】：