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

Question

我有几个 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 文件夹中为每个文件创建一个新文件(使用相同的基本文件名)？

Answer 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