我可以使用通用文件路径使用 grunt 预处理 LESS 文件吗？答案

【问题标题】：Can I pre-process LESS files with grunt using generic filepaths?我可以使用通用文件路径使用 grunt 预处理 LESS 文件吗？
【发布时间】：2014-01-22 16:28:57
【问题描述】：

我有几个 LESS 文件要编译，但我不需要连接它们。我需要为每个 LESS 文件创建一个 CSS 文件，文件名相同（结尾除外）。

这是我的 gruntfile 中的 LESS 任务，它是：

less: {
      dev: {
        files: {
          "css/esccore.css": "less/esccore.less",
          "css/escdocument.css": "less/escdocument.less",
          "css/escportal-top.css": "less/escportal-top.less",
          "css/report-fancy-top.css": "less/report-fancy-top.less",
          "css/report-plain-top.css": "less/report-plain-top.less",
          "css/report-blue-top.css": "less/report-blue-top.less"
        }
      },
      build: {
        //build configurations
      }
    },

所以，到目前为止，每次我创建一个新的 LESS 文件时，我都需要将它添加到我的 gruntfile 中。有没有办法自动化这个？这样 Grunt 会扫描我的 less 文件夹中的所有 LESS 文件，并在一致的 CSS 文件夹中为每个文件创建一个新文件（使用相同的基本文件名）？

【问题讨论】：

您可以使用匿名函数遍历您的目录，生成键/值对并返回该对象。

标签： javascript css less gruntjs

【解决方案1】：

您可以使用文件数组格式，如：

less: {
    dev: {
        files: [
            {
                expand: true,
                src: ['less/*.less'],
                dest: 'css/',
                ext: '.css',

            }
        ]
    },
    build: {
        //buildconfigurations
    }
}

文档：http://gruntjs.com/configuring-tasks#building-the-files-object-dynamically

【讨论】：